define(["require", "exports", "react", "@fluentui/react"], function (require, exports, React, react_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.CalendarInlineCustomDayCellRefExample = void 0;
    var calendarDayProps = {
        customDayCellRef: function (element, date, classNames) {
            if (element) {
                element.title = 'custom title from customDayCellRef: ' + date.toString();
                if (date.getDay() === 0 || date.getDay() === 6) {
                    classNames.dayOutsideBounds && element.classList.add(classNames.dayOutsideBounds);
                    element.children[0].disabled = true;
                }
            }
        },
    };
    var CalendarInlineCustomDayCellRefExample = function () {
        var _a = React.useState(), selectedDate = _a[0], setSelectedDate = _a[1];
        var onSelectDate = React.useCallback(function (date, dateRangeArray) {
            setSelectedDate(date);
        }, []);
        return (React.createElement("div", { style: { height: 'auto' } },
            React.createElement("div", null,
                "Selected date: ",
                (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.toLocaleString()) || 'Not set'),
            React.createElement(react_1.Calendar, { highlightSelectedMonth: true, showGoToToday: true, calendarDayProps: calendarDayProps, onSelectDate: onSelectDate, value: selectedDate })));
    };
    exports.CalendarInlineCustomDayCellRefExample = CalendarInlineCustomDayCellRefExample;
});
//# sourceMappingURL=Calendar.Inline.CustomDayCellRef.Example.js.map