define(["require", "exports", "tslib", "react", "@uifabric/example-app-base", "./Calendar.Button.Example", "./Calendar.Inline.ContiguousWorkWeekDays.Example", "./Calendar.Inline.CustomDayCellRef.Example", "./Calendar.Inline.DateBoundaries.Example", "./Calendar.Inline.Example", "./Calendar.Inline.MonthOnly.Example", "./Calendar.Inline.MultidayDayView.Example", "./Calendar.Inline.NonContiguousWorkWeekDays.Example", "./Calendar.Inline.OverlayedMonthPicker.Example", "./Calendar.Inline.SixWeeks", "./Calendar.Inline.WeekNumbers.Example", "./Calendar.Inline.WeekSelection.Example", "./Calendar.Inline.MonthSelection.Example"], function (require, exports, tslib_1, React, example_app_base_1, Calendar_Button_Example_1, Calendar_Inline_ContiguousWorkWeekDays_Example_1, Calendar_Inline_CustomDayCellRef_Example_1, Calendar_Inline_DateBoundaries_Example_1, Calendar_Inline_Example_1, Calendar_Inline_MonthOnly_Example_1, Calendar_Inline_MultidayDayView_Example_1, Calendar_Inline_NonContiguousWorkWeekDays_Example_1, Calendar_Inline_OverlayedMonthPicker_Example_1, Calendar_Inline_SixWeeks_1, Calendar_Inline_WeekNumbers_Example_1, Calendar_Inline_WeekSelection_Example_1, Calendar_Inline_MonthSelection_Example_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var CalendarButtonExampleCode = require('!raw-loader!@fluentui/react-examples/src/date-time/Calendar/Calendar.Button.Example');
    var CalendarInlineContiguousWorkWeekDaysExampleCode = require('!raw-loader!@fluentui/react-examples/src/date-time/Calendar/Calendar.Inline.ContiguousWorkWeekDays.Example');
    var CalendarInlineCustomDayCellRefExampleCode = require('!raw-loader!@fluentui/react-examples/src/date-time/Calendar/Calendar.Inline.CustomDayCellRef.Example');
    var CalendarInlineDateBoundariesExampleCode = require('!raw-loader!@fluentui/react-examples/src/date-time/Calendar/Calendar.Inline.DateBoundaries.Example');
    var CalendarInlineExampleCode = require('!raw-loader!@fluentui/react-examples/src/date-time/Calendar/Calendar.Inline.Example');
    var CalendarInlineMonthOnlyExampleCode = require('!raw-loader!@fluentui/react-examples/src/date-time/Calendar/Calendar.Inline.MonthOnly.Example');
    var CalendarInlineMultidayDayViewExampleCode = require('!raw-loader!@fluentui/react-examples/src/date-time/Calendar/Calendar.Inline.MultidayDayView.Example');
    var CalendarInlineNonContiguousWorkWeekDaysExampleCode = require('!raw-loader!@fluentui/react-examples/src/date-time/Calendar/Calendar.Inline.NonContiguousWorkWeekDays.Example');
    var CalendarInlineOverlayedMonthExampleCode = require('!raw-loader!@fluentui/react-examples/src/date-time/Calendar/Calendar.Inline.OverlayedMonthPicker.Example');
    var CalendarInlineSixWeeksExampleCode = require('!raw-loader!@fluentui/react-examples/src/date-time/Calendar/Calendar.Inline.SixWeeks');
    var CalendarInlineWeekNumbersExampleCode = require('!raw-loader!@fluentui/react-examples/src/date-time/Calendar/Calendar.Inline.WeekNumbers.Example');
    var CalendarInlineWeekSelectionExampleCode = require('!raw-loader!@fluentui/react-examples/src/date-time/Calendar/Calendar.Inline.WeekSelection.Example');
    var CalendarInlineMonthSelectionExampleCode = require('!raw-loader!@fluentui/react-examples/src/date-time/Calendar/Calendar.Inline.MonthSelection.Example');
    var CalendarPage = /** @class */ (function (_super) {
        tslib_1.__extends(CalendarPage, _super);
        function CalendarPage() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        CalendarPage.prototype.render = function () {
            return (React.createElement(example_app_base_1.ComponentPage, { title: "Calendar", componentName: "Calendar", exampleCards: React.createElement("div", null,
                    React.createElement(example_app_base_1.ExampleCard, { title: "Inline Calendar", code: CalendarInlineExampleCode },
                        React.createElement(Calendar_Inline_Example_1.CalendarInlineExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: "Inline Calendar with overlayed month picker when header is clicked", code: CalendarInlineOverlayedMonthExampleCode },
                        React.createElement(Calendar_Inline_OverlayedMonthPicker_Example_1.CalendarInlineOverlayedMonthExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: "Inline Calendar with week selection", code: CalendarInlineWeekSelectionExampleCode },
                        React.createElement(Calendar_Inline_WeekSelection_Example_1.CalendarInlineWeekSelectionExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: "Inline Calendar with month selection", code: CalendarInlineMonthSelectionExampleCode },
                        React.createElement(Calendar_Inline_MonthSelection_Example_1.CalendarInlineMonthSelectionExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: "Inline Calendar with week numbers", code: CalendarInlineWeekNumbersExampleCode },
                        React.createElement(Calendar_Inline_WeekNumbers_Example_1.CalendarInlineWeekNumbersExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: "Inline Calendar with 6 weeks display by default", code: CalendarInlineSixWeeksExampleCode },
                        React.createElement(Calendar_Inline_SixWeeks_1.CalendarInlineSixWeeksExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: "Inline Calendar with month picker and no day picker", code: CalendarInlineMonthOnlyExampleCode },
                        React.createElement(Calendar_Inline_MonthOnly_Example_1.CalendarInlineMonthOnlyExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: "Inline Calendar with date boundary (minDate, maxDate) and disabled dates (restrictedDates)", code: CalendarInlineDateBoundariesExampleCode },
                        React.createElement(Calendar_Inline_DateBoundaries_Example_1.CalendarInlineDateBoundariesExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: 'Calendar with selectableDays = [Monday, Tuesday, Wednesday, Thursday, Friday] provided, ' +
                            'first day of week = Sunday', code: CalendarInlineContiguousWorkWeekDaysExampleCode },
                        React.createElement(Calendar_Inline_ContiguousWorkWeekDays_Example_1.CalendarInlineContiguousWorkWeekDaysExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: 'Calendar with selectableDays = [Tuesday, Wednesday, Friday, Saturday] provided, ' +
                            'first day of week = Monday', code: CalendarInlineNonContiguousWorkWeekDaysExampleCode },
                        React.createElement(Calendar_Inline_NonContiguousWorkWeekDays_Example_1.CalendarInlineNonContiguousWorkWeekDaysExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: "Calendar with multiday view using dateRangeType = Day and daysToSelectInDayView = 4", code: CalendarInlineMultidayDayViewExampleCode },
                        React.createElement(Calendar_Inline_MultidayDayView_Example_1.CalendarInlineMultidayDayViewExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: "Calendar with customDayCellRef applying a tooltip to each day and disabling weekends", code: CalendarInlineCustomDayCellRefExampleCode },
                        React.createElement(Calendar_Inline_CustomDayCellRef_Example_1.CalendarInlineCustomDayCellRefExample, null)),
                    React.createElement(example_app_base_1.ExampleCard, { title: "Calendar launched from a button", code: CalendarButtonExampleCode },
                        React.createElement(Calendar_Button_Example_1.CalendarButtonExample, { highlightCurrentMonth: true }))), propertiesTables: React.createElement(example_app_base_1.PropertiesTableSet, { sources: [require('!raw-loader!@uifabric/date-time/src/components/Calendar/Calendar.types.ts')] }), overview: React.createElement(example_app_base_1.Markdown, null, require('!raw-loader!@fluentui/react-examples/src/date-time/Calendar/docs/CalendarOverview.md')), bestPractices: React.createElement(example_app_base_1.Markdown, null, require('!raw-loader!@fluentui/react-examples/src/date-time/Calendar/docs/CalendarBestPractices.md')) }));
        };
        return CalendarPage;
    }(React.Component));
    exports.CalendarPage = CalendarPage;
});
//# sourceMappingURL=CalendarPage.js.map