"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var date_time_1 = require("@uifabric/date-time");
var styling_1 = require("@uifabric/styling");
var styles = styling_1.mergeStyleSets({
    wrapper: { height: 360 },
    button: { margin: '17px 10px 0 0' },
    dropdown: { width: 230 },
});
exports.CalendarInlineExample = function () {
    var _a = React.useState(new Date()), selectedDate = _a[0], setSelectedDate = _a[1];
    return (React.createElement("div", { className: styles.wrapper },
        React.createElement("div", null,
            "Selected date(s): ",
            React.createElement("span", null, !selectedDate ? 'Not set' : selectedDate.toLocaleString())),
        React.createElement(date_time_1.Calendar, { dateRangeType: date_time_1.DateRangeType.Day, showGoToToday: true, onSelectDate: setSelectedDate, value: selectedDate, firstDayOfWeek: date_time_1.DayOfWeek.Sunday, strings: date_time_1.defaultDayPickerStrings })));
};
//# sourceMappingURL=Calendar.Inline.Example.js.map