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