define(["require", "exports", "react", "office-ui-fabric-react/lib/Calendar", "./Calendar.Button.Example", "./Calendar.Inline.Example", "@fluentui/date-time-utilities"], function (require, exports, React, Calendar_1, Calendar_Button_Example_1, Calendar_Inline_Example_1, date_time_utilities_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var CalendarButtonExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Calendar/Calendar.Button.Example.tsx');
    var CalendarInlineExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Calendar/Calendar.Inline.Example.tsx');
    var today = new Date(Date.now());
    exports.CalendarPageProps = {
        title: 'Calendar',
        componentName: 'Calendar',
        componentUrl: 'https://github.com/microsoft/fluentui/tree/7.0/packages/office-ui-fabric-react/src/components/Calendar',
        examples: [
            {
                title: 'Inline Calendar',
                code: CalendarInlineExampleCode,
                view: (React.createElement(Calendar_Inline_Example_1.CalendarInlineExample, { isMonthPickerVisible: false, dateRangeType: Calendar_1.DateRangeType.Day, autoNavigateOnSelection: false, showGoToToday: true })),
            },
            {
                title: 'Inline Calendar with overlaid month picker when header is clicked',
                code: CalendarInlineExampleCode,
                view: (React.createElement(Calendar_Inline_Example_1.CalendarInlineExample, { showMonthPickerAsOverlay: true, highlightCurrentMonth: false, highlightSelectedMonth: true, dateRangeType: Calendar_1.DateRangeType.Day, autoNavigateOnSelection: false, showGoToToday: false })),
            },
            {
                title: 'Inline Calendar with month picker and overlaid year picker when month header is clicked',
                code: CalendarInlineExampleCode,
                view: (React.createElement(Calendar_Inline_Example_1.CalendarInlineExample, { dateRangeType: Calendar_1.DateRangeType.Day, autoNavigateOnSelection: false, highlightCurrentMonth: false, highlightSelectedMonth: true, showGoToToday: true })),
            },
            {
                title: 'Inline Calendar with week selection and overlaid year picker when month header is clicked',
                code: CalendarInlineExampleCode,
                view: (React.createElement(Calendar_Inline_Example_1.CalendarInlineExample, { dateRangeType: Calendar_1.DateRangeType.Week, autoNavigateOnSelection: true, highlightCurrentMonth: false, highlightSelectedMonth: true, showGoToToday: true, showNavigateButtons: true })),
            },
            {
                title: "Inline Calendar with week selection, date boundary (minDate, maxDate), disabled dates (restrictedDates),\n        and overlaid year picker when month header is clicked",
                code: CalendarInlineExampleCode,
                view: (React.createElement(Calendar_Inline_Example_1.CalendarInlineExample, { dateRangeType: Calendar_1.DateRangeType.Week, autoNavigateOnSelection: true, highlightCurrentMonth: false, highlightSelectedMonth: true, showGoToToday: true, showNavigateButtons: true, minDate: date_time_utilities_1.addWeeks(today, -2), maxDate: date_time_utilities_1.addWeeks(today, 2), restrictedDates: [date_time_utilities_1.addDays(today, -2), date_time_utilities_1.addDays(today, -8), date_time_utilities_1.addDays(today, 2), date_time_utilities_1.addDays(today, 8)] })),
            },
            {
                title: 'Inline Calendar with month selection and overlaid year picker when month header is clicked',
                code: CalendarInlineExampleCode,
                view: (React.createElement(Calendar_Inline_Example_1.CalendarInlineExample, { dateRangeType: Calendar_1.DateRangeType.Month, autoNavigateOnSelection: true, highlightCurrentMonth: false, highlightSelectedMonth: true, showGoToToday: true, showNavigateButtons: true })),
            },
            {
                title: 'Inline Calendar with week numbers',
                code: CalendarInlineExampleCode,
                view: (React.createElement(Calendar_Inline_Example_1.CalendarInlineExample, { isMonthPickerVisible: false, dateRangeType: Calendar_1.DateRangeType.Day, autoNavigateOnSelection: false, showGoToToday: true, showWeekNumbers: true })),
            },
            {
                title: 'Inline Calendar with 6 weeks display by default',
                code: CalendarInlineExampleCode,
                view: (React.createElement(Calendar_Inline_Example_1.CalendarInlineExample, { isMonthPickerVisible: false, dateRangeType: Calendar_1.DateRangeType.Day, autoNavigateOnSelection: false, showGoToToday: true, showSixWeeksByDefault: true })),
            },
            {
                title: 'Inline Calendar with month picker, no day picker, and overlaid year picker when month header is clicked',
                code: CalendarInlineExampleCode,
                view: (React.createElement(Calendar_Inline_Example_1.CalendarInlineExample, { dateRangeType: Calendar_1.DateRangeType.Month, autoNavigateOnSelection: false, showGoToToday: true, highlightCurrentMonth: false, highlightSelectedMonth: true, isDayPickerVisible: false })),
            },
            {
                title: "Inline Calendar with date boundary (minDate, maxDate), disabled dates (restrictedDates),\n        and overlaid year picker when month header is clicked",
                code: CalendarInlineExampleCode,
                view: (React.createElement(Calendar_Inline_Example_1.CalendarInlineExample, { dateRangeType: Calendar_1.DateRangeType.Day, autoNavigateOnSelection: true, highlightCurrentMonth: false, highlightSelectedMonth: true, showGoToToday: false, minDate: date_time_utilities_1.addMonths(today, -1), maxDate: date_time_utilities_1.addYears(today, 1), restrictedDates: [date_time_utilities_1.addDays(today, -2), date_time_utilities_1.addDays(today, -8), date_time_utilities_1.addDays(today, 2), date_time_utilities_1.addDays(today, 8)] })),
            },
            {
                title: "Calendar with workWeekDays = [T W, F, Sa] provided, first day of week = M, and overlaid year picker when\n      month header is clicked",
                code: CalendarButtonExampleCode,
                view: (React.createElement(Calendar_Inline_Example_1.CalendarInlineExample, { dateRangeType: Calendar_1.DateRangeType.WorkWeek, firstDayOfWeek: Calendar_1.DayOfWeek.Monday, autoNavigateOnSelection: true, highlightCurrentMonth: false, highlightSelectedMonth: true, showGoToToday: true, workWeekDays: [Calendar_1.DayOfWeek.Tuesday, Calendar_1.DayOfWeek.Wednesday, Calendar_1.DayOfWeek.Friday, Calendar_1.DayOfWeek.Saturday] })),
            },
            {
                title: 'Calendar launched from a button',
                code: CalendarButtonExampleCode,
                view: React.createElement(Calendar_Button_Example_1.CalendarButtonExample, { highlightCurrentMonth: true }),
            },
            {
                title: 'Month picker launched from a button',
                code: CalendarButtonExampleCode,
                view: (React.createElement(Calendar_Button_Example_1.CalendarButtonExample, { isDayPickerVisible: false, highlightCurrentMonth: false, highlightSelectedMonth: true, buttonString: 'Click for Month Picker' })),
            },
            {
                title: 'Calendar with overlaid month picker launched from a button',
                code: CalendarButtonExampleCode,
                view: (React.createElement(Calendar_Button_Example_1.CalendarButtonExample, { showMonthPickerAsOverlay: true, highlightCurrentMonth: false, highlightSelectedMonth: true, buttonString: 'Click for overlaid Day Picker and Month Picker' })),
            },
            {
                title: 'Calendar with overlaid month picker launched from a button without show go to today button',
                code: CalendarButtonExampleCode,
                view: (React.createElement(Calendar_Button_Example_1.CalendarButtonExample, { showMonthPickerAsOverlay: true, showGoToToday: false, highlightCurrentMonth: false, highlightSelectedMonth: true, buttonString: 'Click for overlaid Day Picker and Month Picker without go to today button' })),
            },
        ],
        overview: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Calendar/docs/CalendarOverview.md'),
        bestPractices: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Calendar/docs/CalendarBestPractices.md'),
        isHeaderVisible: true,
        isFeedbackVisible: true,
    };
});
//# sourceMappingURL=Calendar.doc.js.map