(window.webpackJsonp=window.webpackJsonp||[]).push([[54],{703:function(n,a,s){"use strict";s.r(a),s.d(a,"default",function(){return x});var t=s(580),e=s.n(t),p=s(23),o=s.n(p),c=s(24),l=s.n(c),u=s(25),i=s.n(u),k=s(26),r=s.n(k),d=s(32),m=s.n(d),g=s(27),h=s.n(g),v=s(28),f=s.n(v),b=s(0),y=s.n(b),w=s(111),D=s(82),C=function(){var n=function(n){function a(){var n,s;o()(this,a);for(var t=arguments.length,e=new Array(t),p=0;pt}},{key:"disabledRangeTime",value:function(n){return{disabledHour:function(a){return"start"===n?a<12:a>12},disabledMinute:function(n){return n>30},disabledSecond:function(a){return"start"===n?a<20:a>40}}}},{key:"render",value:function(){var a=this.state,s=a.dateValue,t=a.rangeValue,e=a.weekValue;return y.a.createElement("div",null,y.a.createElement(D.r,{className:"zent-picker-demo",max:n.getTime()+6048e5,min:n.getTime()-6048e5}),y.a.createElement("br",null),y.a.createElement(D.r,{className:"zent-picker-demo",disabledDate:this.disabledDate,value:s,onChange:this.onChangeDate}),y.a.createElement("br",null),y.a.createElement(D.s,{className:"zent-picker-demo",disabledDate:this.disabledRangeDate,value:t,onChange:this.onChangeRange}),y.a.createElement("br",null),y.a.createElement(D.s,{className:"zent-picker-demo",showTime:!0,format:"YYYY-MM-DD HH:mm:ss",disabledDate:this.disabledRangeDate,disabledTime:this.disabledRangeTime,value:t,onChange:this.onChangeRange}),y.a.createElement("br",null),y.a.createElement(D.Kb,{startDay:1,popPosition:"right",className:"zent-picker-demo",value:e,onChange:this.onChangeWeek,disabledDate:this.disabledWeek}))}}]),s}(b.Component);return y.a.createElement(a,null)},S=function(){new Date;var n=function(n){function a(){var n,s;o()(this,a);for(var t=arguments.length,e=new Array(t),p=0;p30},disabledSecond:function(n){return n%30==0}}}},{key:"disabledRangeTime",value:function(n){return{disabledHour:function(a){return"start"===n?a>12:a<12},disabledMinute:function(a){return"start"===n?a>30:a<30},disabledSecond:function(a){return"start"===n?a>40:a<40}}}},{key:"render",value:function(){var n=this.state,a=n.value,s=n.rangeValue;return y.a.createElement("div",null,y.a.createElement(D.Cb,{className:"zent-picker-demo",value:a,showSecond:!0,disabledTime:this.disabledTime,onChange:this.onChange}),y.a.createElement("br",null),y.a.createElement(D.Db,{className:"zent-picker-demo",value:s,showSecond:!0,onChange:this.onRangeChange,disabledTime:this.disabledRangeTime}))}}]),a}(b.Component);return y.a.createElement(n,null)};function E(n){return y.a.createElement(n.tag,e()({},n.attributes,{dangerouslySetInnerHTML:{__html:n.html}}))}function Y(n){return y.a.createElement(E,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function j(n){return y.a.createElement(E,{tag:"style",html:n.style})}var z=function(n){function a(){var n,s;o()(this,a);for(var t=arguments.length,e=new Array(t),p=0;p¶DatePicker\n

Time pickers, provides basic time choosing functionality.

\n

¶Guides

\n

Included pickers：DatePicker, YearPicker, QuarterPicker, MonthPicker, WeekPicker, DateRangePicker, TimePicker and TimeRangePicker.
DatePicker and DateRangePicker can use showTime to allow time selection.
Date formats can be customized using format, you can find formating details at the end of this page.

\n

¶Demos

'}),y.a.createElement(z,{title:"Basic usage of DatePicker, WeekPicker, MonthPicker and RangePicker",id:"Demobasic",src:'import { TimePicker, TimeRangePicker, DatePicker, MonthPicker, QuarterPicker, DateRangePicker, WeekPicker, YearPicker } from \'zent\'\n\nclass Demo extends Component{\n state = {\n };\n\n onChangeTime = (val) => {\n this.setState({\n timeValue: val\n })\n }\n\n onChangeTimeRange = (val) => {\n this.setState({\n timeRangeValue: val\n })\n }\n\n onChangeQuarter = (val) => {\n this.setState({\n quarterValue: val\n })\n }\n\n onChangeDate = (val) => {\n this.setState({\n dateValue: val\n })\n }\n\n onChangeWeek = (val) => {\n this.setState({\n weekValue: val\n })\n }\n\n onChangeMonth = (val) => {\n this.setState({\n monthValue: val\n })\n }\n\n onChangeRange = (val) => {\n this.setState({\n rangeValue: val\n })\n }\n\n onChangeYear = (val) => {\n this.setState({\n yearValue: val\n })\n }\n\n render(){\n const { timeValue, timeRangeValue, dateValue, monthValue, rangeValue, weekValue, yearValue, quarterValue } = this.state;\n const now = new Date();\n\n return (\n <div>\n <TimePicker\n className="zent-picker-demo"\n value={timeValue}\n onChange={this.onChangeTime}\n minuteStep={5}\n />\n <br />\n <TimeRangePicker\n className="zent-picker-demo"\n value={timeRangeValue}\n onChange={this.onChangeTimeRange}\n showSecond\n />\n <br />\n <DatePicker\n className="zent-picker-demo"\n value={dateValue}\n max="2020-01-01"\n onChange={this.onChangeDate}\n />\n <br />\n <WeekPicker\n startDay={1}\n popPosition="right"\n className="zent-picker-demo"\n value={weekValue}\n onChange={this.onChangeWeek}\n />\n <br />\n <MonthPicker\n className="zent-picker-demo"\n value={monthValue}\n max={now}\n onChange={this.onChangeMonth}\n />\n <br />\n <DateRangePicker\n className="zent-picker-demo"\n value={rangeValue}\n onChange={this.onChangeRange}\n />\n <br/>\n <YearPicker\n className="zent-picker-demo"\n value={yearValue}\n max={2020}\n onChange={this.onChangeYear}\n />\n <br />\n <QuarterPicker\n valueType="date"\n max={new Date()}\n value={quarterValue}\n onChange={this.onChangeQuarter}\n />\n </div>\n )\n }\n}\n\nReactDOM.render(\n <Demo />,\n mountNode\n)'},y.a.createElement(C)),y.a.createElement(z,{title:"Setting default value.",id:"Demodefaultvalue",src:'import { DatePicker, MonthPicker, DateRangePicker } from \'zent\'\n\nclass Demo extends Component{\n state = {\n }\n\n onChangeDate = (val) => {\n this.setState({\n dateValue: val\n })\n }\n\n onChangeMonth = (val) => {\n this.setState({\n monthValue: val\n })\n }\n\n onChangeRange = (val) => {\n this.setState({\n rangeValue: val\n })\n }\n\n render(){\n const { dateValue, monthValue, rangeValue, max } = this.state;\n return (\n <div>\n <DatePicker\n className="zent-picker-demo"\n value={dateValue}\n defaultValue="1990-01-01"\n onChange={this.onChangeDate}\n />\n <br />\n <MonthPicker\n className="zent-picker-demo"\n value={monthValue}\n defaultValue="2010-07"\n onChange={this.onChangeMonth}\n />\n <br />\n <DateRangePicker\n className="zent-picker-demo"\n value={rangeValue}\n defaultValue={["2016-01-01", "2017-01-01"]}\n onChange={this.onChangeRange}\n />\n </div>\n )\n }\n}\n\nReactDOM.render(\n <Demo />,\n mountNode\n)'},y.a.createElement(N)),y.a.createElement(z,{title:"Use format prop to control date formating",id:"Demoformat",src:'import { DatePicker, MonthPicker, DateRangePicker } from \'zent\'\n\nclass Demo extends Component{\n state = {\n }\n\n onChangeDate = (val) => {\n this.setState({\n dateValue: val\n })\n }\n\n onChangeMonth = (val) => {\n this.setState({\n monthValue: val\n })\n }\n\n onChangeRange = (val) => {\n this.setState({\n rangeValue: val\n })\n }\n\n onChangeRangeSplit = (val) => {\n this.setState({\n rangeValue: val\n })\n }\n\n render() {\n const { dateValue, monthValue, rangeValue } = this.state;\n return (\n <div>\n <DatePicker\n className="zent-picker-demo"\n format="YYYY/MM/DD"\n value={dateValue}\n onChange={this.onChangeDate}\n />\n <br />\n <MonthPicker\n className="zent-picker-demo"\n format="YYYY/MM"\n value={monthValue}\n onChange={this.onChangeMonth}\n />\n <br />\n <DateRangePicker\n className="zent-picker-demo"\n format="YYYY-MM-DD"\n value={rangeValue}\n onChange={this.onChangeRangeSplit}\n />\n </div>\n )\n }\n}\n\nReactDOM.render(\n <Demo />,\n mountNode\n)'},y.a.createElement(V)),y.a.createElement(z,{title:"Set showTime to true to allow time selection",id:"Demoshowtime",src:'import { DatePicker, MonthPicker, DateRangePicker } from \'zent\'\n\nclass Demo extends Component{\n state = {\n\n }\n\n onChangeDate = (val) => {\n this.setState({\n dateValue: val\n })\n }\n\n onChangeRange = (val) => {\n this.setState({\n rangeValue: val\n })\n }\n\n render(){\n const { dateValue, rangeValue } = this.state;\n return (\n <div>\n <DatePicker\n className="zent-picker-demo"\n showTime\n format="YYYY-MM-DD HH:mm:ss"\n min={new Date()}\n value={dateValue}\n onChange={this.onChangeDate}\n />\n <br />\n <DateRangePicker\n className="zent-picker-demo"\n showTime\n min={new Date()}\n format="YYYY-MM-DD HH:mm:ss"\n value={rangeValue}\n onChange={this.onChangeRange}\n />\n </div>\n )\n }\n}\nReactDOM.render(\n <Demo />,\n mountNode\n)'},y.a.createElement(P)),y.a.createElement(z,{title:"valueType defaults to string, but can be date or number, defaults to the type value",id:"Demovaluetype",src:'import { DatePicker, MonthPicker, DateRangePicker } from \'zent\'\n\nclass Demo extends Component{\n state = {\n }\n\n onChangeDate = (val) => {\n this.setState({\n dateValue: val\n })\n }\n\n onChangeRange = (val) => {\n this.setState({\n rangeValue: val\n })\n }\n\n render() {\n const { dateValue, rangeValue } = this.state;\n return (\n <div>\n <p className="demo-subtitle">Returns timestamp</p>\n <DatePicker\n className="zent-picker-demo"\n valueType="number"\n value={dateValue}\n onChange={this.onChangeDate}\n />\n <br />\n <p className="demo-subtitle">Returns Date object</p>\n <DateRangePicker\n className="zent-picker-demo"\n valueType="date"\n value={rangeValue}\n onChange={this.onChangeRange}\n />\n </div>\n )\n }\n}\n\nReactDOM.render(\n <Demo />,\n mountNode\n)'},y.a.createElement(M)),y.a.createElement(z,{title:"Disabled input",id:"Demodisabled",src:'import { DatePicker, MonthPicker, DateRangePicker } from \'zent\'\n\nReactDOM.render(\n <div>\n <DatePicker\n className="zent-picker-demo"\n value="2017-01-01"\n disabled\n />\n <br />\n <MonthPicker\n className="zent-picker-demo"\n disabled\n />\n <br />\n <DateRangePicker\n className="zent-picker-demo"\n disabled\n />\n </div>\n , mountNode\n)'},y.a.createElement(T)),y.a.createElement(z,{title:"Disabled date can be controlled by disabledDate callback, return true to disable the specific date. You can use min/max to achieve simple disable logic.",id:"Demodisableddate",src:'import { DatePicker, MonthPicker, DateRangePicker, WeekPicker } from \'zent\';\n\nconst now = new Date();\nconst oneDay = 24 * 60 * 60 * 1000;\n\nclass Demo extends Component {\n state = {};\n\n onChangeDate = val => {\n this.setState({\n dateValue: val,\n });\n };\n\n onChangeRange = val => {\n this.setState({\n rangeValue: val,\n });\n };\n\n onChangeWeek = val => {\n this.setState({\n weekValue: val,\n });\n };\n\n disabledDate(val) {\n return val.getDate() < 15;\n }\n\n disabledRangeDate(val) {\n return val.getMonth() % 2 === 0;\n }\n\n disabledWeek(val) {\n const today = new Date();\n const start = new Date(today.getFullYear(), today.getMonth() - 1, today.getDate() - 2);\n const end = new Date(today.getFullYear(), today.getMonth() + 1, 3, 23, 59, 59, 999);\n return val < start || val > end;\n }\n\n disabledRangeTime(type) {\n const disabledHour = val => {\n return type === \'start\' ? val < 12 : val > 12;\n };\n const disabledMinute = val => {\n return type === \'start\' ? val > 30 : val > 30;\n };\n const disabledSecond = val => {\n return type === \'start\' ? val < 20 : val > 40;\n };\n return {\n disabledHour,\n disabledMinute,\n disabledSecond,\n };\n }\n\n render() {\n const { dateValue, rangeValue, weekValue } = this.state;\n return (\n <div>\n <DatePicker\n className="zent-picker-demo"\n max={now.getTime() + 7 * oneDay}\n min={now.getTime() - 7 * oneDay}\n />\n <br />\n <DatePicker\n className="zent-picker-demo"\n disabledDate={this.disabledDate}\n value={dateValue}\n onChange={this.onChangeDate}\n />\n <br />\n <DateRangePicker\n className="zent-picker-demo"\n disabledDate={this.disabledRangeDate}\n value={rangeValue}\n onChange={this.onChangeRange}\n />\n <br />\n <DateRangePicker\n className="zent-picker-demo"\n showTime\n format="YYYY-MM-DD HH:mm:ss"\n disabledDate={this.disabledRangeDate}\n disabledTime={this.disabledRangeTime}\n value={rangeValue}\n onChange={this.onChangeRange}\n />\n <br />\n <WeekPicker\n startDay={1}\n popPosition="right"\n className="zent-picker-demo"\n value={weekValue}\n onChange={this.onChangeWeek}\n disabledDate={this.disabledWeek}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Demo />, mountNode);'},y.a.createElement(R)),y.a.createElement(z,{title:"Disabled date can be controlled by disabledTime callback, return true to disable the specific date. You can use min/max to achieve simple disable logic.",id:"Demodisabledtime",src:'import { TimePicker, TimeRangePicker } from \'zent\';\n\nconst now = new Date();\nconst oneDay = 24 * 60 * 60 * 1000;\n\nclass Demo extends Component {\n state = {};\n\n onChange = (val) => {\n this.setState({\n value: val\n });\n }\n\n onRangeChange = (val) => {\n this.setState({\n rangeValue: val\n })\n }\n\n disabledTime() {\n const disabledHour = val => val % 2 === 0;\n const disabledMinute = val => val > 30;\n const disabledSecond = val => val % 30 === 0;\n\n return {\n disabledHour,\n disabledMinute,\n disabledSecond,\n };\n }\n\n disabledRangeTime(type) {\n const disabledHour = val => {\n return type === \'start\' ? val > 12 : val < 12;\n };\n const disabledMinute = val => {\n return type === \'start\' ? val > 30 : val < 30;\n };\n const disabledSecond = val => {\n return type === \'start\' ? val > 40 : val < 40;\n };\n return {\n disabledHour,\n disabledMinute,\n disabledSecond,\n };\n }\n\n render() {\n const { value, rangeValue } = this.state;\n return (\n <div>\n <TimePicker\n className="zent-picker-demo"\n value={value}\n showSecond\n disabledTime={this.disabledTime}\n onChange={this.onChange}\n />\n <br />\n <TimeRangePicker\n className="zent-picker-demo"\n value={rangeValue}\n showSecond\n onChange={this.onRangeChange}\n disabledTime={this.disabledRangeTime}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Demo />, mountNode);'},y.a.createElement(S)),y.a.createElement(Y,{html:'

¶API

\n

¶Common API

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

Property	Description	Type	Default	Required
onChange	Callback when value changes	func	`noop`	Yes
value	Selected value	string \n\|\n Date		Yes
defaultValue	Default value	string \n\|\n Date		No
onClick	Callback when click on a value	func		No
openPanel	Is picker visible	boolean	false	No
onOpen	Callback when picker is opened	func		No
onClose	Callback when picker is closed	func		No
disabled	Disable picker	bool	`false`	No
format	Date format string	string	Different pickers have different values	No
placeholder	Placeholder text	string	Differenet pickers have different values	No
className	Cusotm class name	string		No
width	width	string \n\|\n number		No
prefix	Custom prefix	string	`\'zent\'`	No
confirmText	Confirm button text	string	`\'Confirm\'`	No
popPosition	Popup align position	oneOf(\n[\n\'left\', \'right\'\n]\n)	\'left\'	No
canClear	can use clear the selected value	bool	true	No
onBeforeClear	Clear callback, return \n`true`\n to allow, \n`false`\n to abort	func		No

\n

¶DatePicker

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

Property	Description	Type	Default	Required
showTime	Show or hide time selection	bool	`false`	No
disabledTime	Callback to check if specific time is disabled	func	`noop`	No
disabledDate	Callback to check if specific date is disabled	func	`noop`	No
format	Date formating string	string	`YYYY-MM-DD`	No
min	The minimium selectable date	string/Date		No
max	The maximum selectable date	string/Date		No
valueType	Set \n`onChange`\n\'s value type, one of \n`string`\n/\n`number`\n/\n`date`	string	\'\'	No
name	Name attribute of the input node	string		No
placeholder	Placeholder text	string	`Please select a date`	No
defaultTime	Default time value	string	`\'00:00:00\'`	No
onBeforeConfirm	Confirm callback, return \n`true`\n to allow, \n`false`\n to abort	func		No

\n

disabledDate will be passed a date object as argument, return true if the date should be disabled. Using max and min can cover most use cases.
If both min/max and disabledDate are present, disabledDate takes precedence.
Return value of disabledDate is an object, there are three functions within this object: disabledHour, disabledMinute and disabledSecond.
Only date format is allowed in format, time format will be appended when showTime is true.

\n

¶WeekPicker

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

Property	Description	Type	Default	Required
startDay	Start day of a week	number	1	No
disabledDate	Callback to check if date is disabled	func	`noop`	No
format	Date format string	string	`YYYY-MM-DD`	No
min	Minimum selectable date	string/Date		No
max	Maximum seletable date	string/Date		No
valueType	Value type in \n`onChange`\n, one of \n`string`\n \n\|\n \n`number`\n \n\|\n \n`date`	string	\'\'	No
name	Name attribute of input node	string		No
placeholder	Placeholder text	string	`Please select a week`	No

\n

¶MonthPicker

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

Property	Description	Type	Default	Required
value	Selected month	string/Date	`new Date()`	No
format	Format string	string	`\'YYYY-MM\'`	No
disabled	Is disabled	bool	`false`	No
name	Name attribute of input node	string		No
placeholder	Placeholder text	string	`Please select the month`	No

\n

¶RangePicker

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

Property	Description	Type	Default	Required
showTime	Show time selection	bool	`false`	No
value	Selected value	array	`[]`	No
format	Format string	string	`\'YYYY-MM-DD\'`	No
disabledDate	Callback to check date is selectable	func	`noop`	No
disabledTime	Callback to check time is selectable	func	`noop`	No
min	Minimum selectable date	string/instanceOf(Date)	\n \| No
max	Maximum selectable date	string/instanceOf(Date)	\n \| No
valueType	Value type of \n`onChange`\n, one of \n`string`\n/\n`number`\n/\n`date`	`string`	\'\'	No
placeholder	Placeholder text	arrayOf(string)	`[\'start-date\',\'end-date\']`	No
defaultTime	Default time value	arrayOf(string/Date)	`[\'00:00:00\', \'00:00:00\']`	No

\n

When showTime is true, the min and max string must have time part, e.g. 2017-01-01 11:11:11.
disabledTime has an additional argument type like in DatePicker, its value is start or end.
onClick(val, type), the type is the same as disabledTime.

\n

¶TimePicker

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

Property	Description	Type	Default	Required
disabledTime	Callback to check if specific time is disabled	func	`noop`	No
showSecond	Whether to show second selector to not.	boolean	false	No
format	Time formatting string	string	`HH:mm:ss`	No
min	The minimum selectable time	string/Date		No
max	The maximum selectable time	string/Date		No
valueType	Set \n`onChange`\n\'s value type, one of \n`string`\n/\n`number`\n/\n`date`	string	\'\'	No
hourStep	The hour step of the hours displayed.	number	1	No
minuteStep	The minute step of the minutes displayed.	number	1	No
secondStep	The second step of the seconds displayed.	number	1	No
name	Name attribute of the input node	string		No
placeholder	Placeholder text	string	`Please select a date`	No
onBeforeConfirm	Confirm callback, return \n`true`\n to allow, \n`false`\n to abort	func		No

\n

If format is not changed, the actual format used will be HH:mm when showSecond is false. Otherwise, the user defined format will be used.

\n

¶TimeRangePicker

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

Property	Description	Type	Default	Required
disabledTime	Callback to check if specific time is disabled	func	`noop`	No
showSecond	Whether to show second selector to not.	boolean	false	No
format	Time formatting string	string	`HH:mm:ss`	No
value	Selected value	array	`[]`	No
min	The minimum selectable time	string/Date		No
max	The maximum selectable time	string/Date		No
valueType	Set \n`onChange`\n\'s value type, one of \n`string`\n/\n`number`\n/\n`date`	string	\'\'	No
hourStep	The hour step of the hours displayed.	number	1	No
minuteStep	The minute step of the minutes displayed.	number	1	No
secondStep	The second step of the seconds displayed.	number	1	No

\n

If format is not changed, the actual format used will be \'HH:mm\' when showSecond is false. Otherwise, the user defined format will be used.

\n

¶Format string

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

	Format character	Output
Year	YY	70 71 ... 29 30
	YYYY	1970 1971 ... 2029 2030
Month	M	1 2 ... 11 1
	MM	01 02 ... 11 12
	MMM	Jan, Feb ... Nov, Dec
	MMMM	January, February ... November, December
Date	D	1 2 ... 30 31
	DD	01 02 ... 30 31
	d	0 1 ... 5 6
	ddd	Sun, Mon ... Fri, Sat
	dddd	Sunday, Monday ... Friday, Saturday

'}))}}]),a}(b.Component)}}]);