office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
60 lines • 4.26 kB
JavaScript
define(["require", "exports", "react", "./examples/DatePicker.Basic.Example", "./examples/DatePicker.WeekNumbers.Example", "./examples/DatePicker.Required.Example", "./examples/DatePicker.Input.Example", "./examples/DatePicker.Format.Example", "./examples/DatePicker.Bounded.Example", "./DatePicker.checklist"], function (require, exports, React, DatePicker_Basic_Example_1, DatePicker_WeekNumbers_Example_1, DatePicker_Required_Example_1, DatePicker_Input_Example_1, DatePicker_Format_Example_1, DatePicker_Bounded_Example_1, DatePicker_checklist_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var DatePickerBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DatePicker/examples/DatePicker.Basic.Example.tsx');
var DatePickerBasicExampleCodepen = require('!raw-loader!office-ui-fabric-react/lib/codepen/components/DatePicker/DatePicker.Basic.Example.Codepen.txt');
var DatePickerWeekNumbersExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DatePicker/examples/DatePicker.WeekNumbers.Example.tsx');
var DatePickerRequiredExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DatePicker/examples/DatePicker.Required.Example.tsx');
var DatePickerInputExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DatePicker/examples/DatePicker.Input.Example.tsx');
var DatePickerFormatExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DatePicker/examples/DatePicker.Format.Example.tsx');
var DatePickerBoundedExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/DatePicker/examples/DatePicker.Bounded.Example.tsx');
exports.DatePickerPageProps = {
title: 'DatePicker',
componentName: 'DatePicker',
componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/DatePicker',
componentStatus: DatePicker_checklist_1.DatePickerStatus,
examples: [
{
title: 'Default DatePicker',
code: DatePickerBasicExampleCode,
view: React.createElement(DatePicker_Basic_Example_1.DatePickerBasicExample, null),
codepenJS: DatePickerBasicExampleCodepen
},
{
title: 'DatePicker with week numbers',
code: DatePickerWeekNumbersExampleCode,
view: React.createElement(DatePicker_WeekNumbers_Example_1.DatePickerWeekNumbersExample, null)
},
{
title: 'DatePicker with required field',
code: DatePickerRequiredExampleCode,
view: React.createElement(DatePicker_Required_Example_1.DatePickerRequiredExample, null)
},
{
title: 'DatePicker allows input date string',
code: DatePickerInputExampleCode,
view: React.createElement(DatePicker_Input_Example_1.DatePickerInputExample, null)
},
{
title: 'DatePicker allows dates to be formatted',
code: DatePickerFormatExampleCode,
view: React.createElement(DatePicker_Format_Example_1.DatePickerFormatExample, null)
},
{
title: 'DatePicker with date boundary (minDate, maxDate)',
code: DatePickerBoundedExampleCode,
view: React.createElement(DatePicker_Bounded_Example_1.DatePickerBoundedExample, null)
}
],
propertiesTablesSources: [
require('!raw-loader!office-ui-fabric-react/src/components/DatePicker/DatePicker.types.ts')
],
overview: require('!raw-loader!office-ui-fabric-react/src/components/DatePicker/docs/DatePickerOverview.md'),
bestPractices: '',
dos: require('!raw-loader!office-ui-fabric-react/src/components/DatePicker/docs/DatePickerDos.md'),
donts: require('!raw-loader!office-ui-fabric-react/src/components/DatePicker/docs/DatePickerDonts.md'),
isHeaderVisible: true,
isFeedbackVisible: true
};
});
//# sourceMappingURL=DatePicker.doc.js.map