office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
1 lines • 1.83 kB
JavaScript
define([], function() { return "import * as React from 'react';\nimport {\n DatePicker,\n DayOfWeek\n} from '../../../../index';\n\nconst DayPickerStrings = {\n months: [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December'\n ],\n\n shortMonths: [\n 'Jan',\n 'Feb',\n 'Mar',\n 'Apr',\n 'May',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n 'Oct',\n 'Nov',\n 'Dec'\n ],\n\n days: [\n 'Sunday',\n 'Monday',\n 'Tuesday',\n 'Wednesday',\n 'Thursday',\n 'Friday',\n 'Saturday'\n ],\n\n shortDays: [\n 'S',\n 'M',\n 'T',\n 'W',\n 'T',\n 'F',\n 'S'\n ],\n\n goToToday: 'Go to today',\n\n isRequiredErrorMessage: 'Start date is required.',\n\n invalidInputErrorMessage: 'Invalid date format.'\n};\n\nexport interface IDatePickerInputExampleState {\n firstDayOfWeek?: DayOfWeek;\n}\n\nexport class DatePickerInputExample extends React.Component<any, IDatePickerInputExampleState> {\n public constructor() {\n super();\n\n this.state = {\n firstDayOfWeek: DayOfWeek.Sunday\n };\n }\n\n public render() {\n let { firstDayOfWeek } = this.state;\n const desc = 'This field is required. One of the support input formats is year dash month dash day.';\n return (\n <div>\n <p>Text input allowed by default when use keyboard navigation. Mouse click the TextField will popup DatePicker, click the TextField again will dismiss the DatePicker and allow text input.</p>\n <DatePicker label='Start date' isRequired={ true } allowTextInput={ true } ariaLabel={ desc } firstDayOfWeek={ firstDayOfWeek } strings={ DayPickerStrings } value={ new Date() } />\n </div>\n );\n }\n}\n"; });