import * as React from 'react';
import { DatePickerBasicExample } from './DatePicker.Basic.Example';
import { DatePickerDisabledExample } from './DatePicker.Disabled.Example';
import { DatePickerWeekNumbersExample } from './DatePicker.WeekNumbers.Example';
import { DatePickerRequiredExample } from './DatePicker.Required.Example';
import { DatePickerInputExample } from './DatePicker.Input.Example';
import { DatePickerFormatExample } from './DatePicker.Format.Example';
import { DatePickerBoundedExample } from './DatePicker.Bounded.Example';
import { DatePickerExternalControlsExample } from './DatePicker.ExternalControls.Example';
var DatePickerBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/DatePicker.Basic.Example.tsx');
var DatePickerDisabledExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/DatePicker.Disabled.Example.tsx');
var DatePickerWeekNumbersExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/DatePicker.WeekNumbers.Example.tsx');
var DatePickerRequiredExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/DatePicker.Required.Example.tsx');
var DatePickerInputExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/DatePicker.Input.Example.tsx');
var DatePickerFormatExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/DatePicker.Format.Example.tsx');
var DatePickerBoundedExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/DatePicker.Bounded.Example.tsx');
var DatePickerExternalControlsExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/DatePicker.ExternalControls.Example.tsx');
export var DatePickerPageProps = {
    title: 'DatePicker',
    componentName: 'DatePicker',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/DatePicker',
    examples: [
        {
            title: 'Default DatePicker',
            code: DatePickerBasicExampleCode,
            view: React.createElement(DatePickerBasicExample, null),
        },
        {
            title: 'Disabled DatePicker',
            code: DatePickerDisabledExampleCode,
            view: React.createElement(DatePickerDisabledExample, null),
        },
        {
            title: 'DatePicker with week numbers',
            code: DatePickerWeekNumbersExampleCode,
            view: React.createElement(DatePickerWeekNumbersExample, null),
        },
        {
            title: 'DatePicker with required field',
            code: DatePickerRequiredExampleCode,
            view: React.createElement(DatePickerRequiredExample, null),
        },
        {
            title: 'DatePicker allowing text input',
            code: DatePickerInputExampleCode,
            view: React.createElement(DatePickerInputExample, null),
        },
        {
            title: 'DatePicker with custom date formatting',
            code: DatePickerFormatExampleCode,
            view: React.createElement(DatePickerFormatExample, null),
        },
        {
            title: 'DatePicker with date boundaries',
            code: DatePickerBoundedExampleCode,
            view: React.createElement(DatePickerBoundedExample, null),
        },
        {
            title: 'DatePicker with external controls',
            code: DatePickerExternalControlsExampleCode,
            view: React.createElement(DatePickerExternalControlsExample, null),
        },
    ],
    overview: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/docs/DatePickerOverview.md'),
    bestPractices: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/docs/DatePickerBestPractices.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
};
//# sourceMappingURL=DatePicker.doc.js.map