{"componentChunkName":"component---src-templates-api-page-js","path":"/DatePicker","webpackCompilationHash":"9e30eab50d358a7b5a5f","result":{"data":{"apiPageJson":{"pid":"DatePicker","parentPid":"class","title":"Class","items":[{"pid":"addCssClass","type":"instance-method","override":false,"deprecated":false,"name":"addCssClass(className)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Apply a CSS class to the date picker.","codeInfo":{"filename":"index.js","lineNum":1334,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"className","description":"Class name","defaultVal":null,"types":{"prefix":"","names":["string"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"addOpener","type":"instance-method","override":false,"deprecated":false,"name":"addOpener(opener)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Add an opener.","codeInfo":{"filename":"index.js","lineNum":924,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"opener","description":"element or selector of opener","defaultVal":null,"types":{"prefix":"","names":["HTMLElement","string"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"addRange","type":"instance-method","override":false,"deprecated":false,"name":"addRange(start, end)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Add a selectable range. Use Date instances or numbers(timestamp).","codeInfo":{"filename":"index.js","lineNum":887,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"start","description":"the start date","defaultVal":null,"types":{"prefix":"","names":["Date","number"],"isOptional":false},"properties":null},{"name":"end","description":"the end date","defaultVal":null,"types":{"prefix":"","names":["Date","number"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"<span class=\"token keyword\">const</span> start <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token number\">2015</span><span class=\"token punctuation\">,</span> <span class=\"token number\">1</span><span class=\"token punctuation\">,</span> <span class=\"token number\">3</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">const</span> end <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token number\">2015</span><span class=\"token punctuation\">,</span> <span class=\"token number\">2</span><span class=\"token punctuation\">,</span> <span class=\"token number\">6</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">addRange</span><span class=\"token punctuation\">(</span>start<span class=\"token punctuation\">,</span> end<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"event-change","type":"event","override":false,"deprecated":false,"name":"change","types":{"prefix":"","names":[""],"isOptional":false},"description":"Occur after the selected date is changed.","codeInfo":{"filename":"index.js","lineNum":1149,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":["<a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents#on\">datepicker.on()</a> to bind event handlers.","<a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents#off\">datepicker.off()</a> to unbind event handlers.","Refer to <a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents\">CustomEvents from tui-code-snippet</a> for more methods. DatePicker mixes in the methods from CustomEvents.",""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"<span class=\"token comment\">// bind the 'change' event</span>\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">on</span><span class=\"token punctuation\">(</span><span class=\"token string\">'change'</span><span class=\"token punctuation\">,</span> <span class=\"token keyword\">function</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n    console<span class=\"token punctuation\">.</span><span class=\"token function\">log</span><span class=\"token punctuation\">(</span><span class=\"token template-string\"><span class=\"token template-punctuation string\">`</span><span class=\"token string\">Selected date: </span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${</span>datepicker<span class=\"token punctuation\">.</span><span class=\"token function\">getDate</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token interpolation-punctuation punctuation\">}</span></span><span class=\"token template-punctuation string\">`</span></span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token comment\">// unbind the 'change' event</span>\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">off</span><span class=\"token punctuation\">(</span><span class=\"token string\">'change'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"changeLanguage","type":"instance-method","override":false,"deprecated":false,"name":"changeLanguage(language)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Change language.","codeInfo":{"filename":"index.js","lineNum":1373,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":["To set to the other languages, use <a href=\"DatePicker#localeTexts\">DatePicker.localeTexts</a>.",""],"todos":[""],"augments":[""],"params":[{"name":"language","description":"Language code. English('en') and Korean('ko') are provided as default.","defaultVal":null,"types":{"prefix":"","names":["string"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"event-close","type":"event","override":false,"deprecated":false,"name":"close","types":{"prefix":"","names":[""],"isOptional":false},"description":"Occur after the date picker closes.","codeInfo":{"filename":"index.js","lineNum":1074,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":["<a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents#on\">datepicker.on()</a> to bind event handlers.","<a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents#off\">datepicker.off()</a> to unbind event handlers.","Refer to <a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents\">CustomEvents from tui-code-snippet</a> for more methods. DatePicker mixes in the methods from CustomEvents.",""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"<span class=\"token comment\">// bind the 'close' event</span>\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">on</span><span class=\"token punctuation\">(</span><span class=\"token string\">'close'</span><span class=\"token punctuation\">,</span> <span class=\"token keyword\">function</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token function\">alert</span><span class=\"token punctuation\">(</span><span class=\"token string\">'close'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token comment\">// unbind the 'close' event</span>\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">off</span><span class=\"token punctuation\">(</span><span class=\"token string\">'close'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"close","type":"instance-method","override":false,"deprecated":false,"name":"close()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Close the date picker.","codeInfo":{"filename":"index.js","lineNum":1052,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"createCalendar","type":"static-method","override":false,"deprecated":false,"name":"createCalendar(wrapperElement, options)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Create a calendar.","codeInfo":{"filename":"index.js","lineNum":31,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/index.js"},"sees":["<a href=\"Calendar\">Calendar</a>","<a href=\"/tutorial-example07-calendar\">Calendar example</a>",""],"todos":[""],"augments":[""],"params":[{"name":"wrapperElement","description":"Container element or selector of the Calendar","defaultVal":null,"types":{"prefix":"","names":["HTMLElement","string"],"isOptional":false},"properties":null},{"name":"options","description":"<a href=\"Calendar\">Calendar</a> options. Refer to the <a href=\"Calendar\">Calendar instance's options</a>.","defaultVal":null,"types":{"prefix":"","names":["Object"],"isOptional":true},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"<span class=\"token keyword\">const</span> calendar <span class=\"token operator\">=</span> DatePicker<span class=\"token punctuation\">.</span><span class=\"token function\">createCalendar</span><span class=\"token punctuation\">(</span><span class=\"token string\">'#calendar-wrapper'</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n   language<span class=\"token punctuation\">:</span> <span class=\"token string\">'en'</span><span class=\"token punctuation\">,</span>\n   showToday<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n   showJumpButtons<span class=\"token punctuation\">:</span> <span class=\"token boolean\">false</span><span class=\"token punctuation\">,</span>\n   date<span class=\"token punctuation\">:</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">,</span>\n   type<span class=\"token punctuation\">:</span> <span class=\"token string\">'date'</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":["Calendar"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"createRangePicker","type":"static-method","override":false,"deprecated":false,"name":"createRangePicker(options)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Create a date-range picker.","codeInfo":{"filename":"index.js","lineNum":60,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/index.js"},"sees":["<a href=\"DateRangePicker\">DateRangePicker</a>","<a href=\"/tutorial-example08-daterangepicker\">DateRangePicker example</a>",""],"todos":[""],"augments":[""],"params":[{"name":"options","description":"<a href=\"DateRangePicker\">DateRangePicker</a> options. Refer to the <a href=\"DateRangePicker\">DateRangePicker instance's options</a>.","defaultVal":null,"types":{"prefix":"","names":["object"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"<span class=\"token keyword\">const</span> rangepicker <span class=\"token operator\">=</span> DatePicker<span class=\"token punctuation\">.</span><span class=\"token function\">createRangePicker</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n    startpicker<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n        input<span class=\"token punctuation\">:</span> <span class=\"token string\">'#start-input'</span><span class=\"token punctuation\">,</span>\n        container<span class=\"token punctuation\">:</span> <span class=\"token string\">'#start-container'</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    endpicker<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n        input<span class=\"token punctuation\">:</span> <span class=\"token string\">'#end-input'</span><span class=\"token punctuation\">,</span>\n        container<span class=\"token punctuation\">:</span> <span class=\"token string\">'#end-container'</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    type<span class=\"token punctuation\">:</span> <span class=\"token string\">'date'</span><span class=\"token punctuation\">,</span>\n    format<span class=\"token punctuation\">:</span> <span class=\"token string\">'yyyy-MM-dd'</span>\n    selectableRanges<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n        <span class=\"token punctuation\">[</span><span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token number\">2017</span><span class=\"token punctuation\">,</span> <span class=\"token number\">3</span><span class=\"token punctuation\">,</span> <span class=\"token number\">1</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">,</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token number\">2017</span><span class=\"token punctuation\">,</span> <span class=\"token number\">5</span><span class=\"token punctuation\">,</span> <span class=\"token number\">1</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n        <span class=\"token punctuation\">[</span><span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token number\">2017</span><span class=\"token punctuation\">,</span> <span class=\"token number\">6</span><span class=\"token punctuation\">,</span> <span class=\"token number\">3</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">,</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token number\">2017</span><span class=\"token punctuation\">,</span> <span class=\"token number\">10</span><span class=\"token punctuation\">,</span> <span class=\"token number\">5</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">]</span>\n    <span class=\"token punctuation\">]</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":["DateRangePicker"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"destroy","type":"instance-method","override":false,"deprecated":false,"name":"destroy()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Destroy the date picker.","codeInfo":{"filename":"index.js","lineNum":1387,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"disable","type":"instance-method","override":false,"deprecated":false,"name":"disable()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Disable the date picker.","codeInfo":{"filename":"index.js","lineNum":1302,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"event-draw","type":"event","override":false,"deprecated":false,"name":"draw","types":{"prefix":"","names":[""],"isOptional":false},"description":"Occur after the calendar is drawn.","codeInfo":{"filename":"index.js","lineNum":715,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":["<a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents#on\">datepicker.on()</a> to bind event handlers.","<a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents#off\">datepicker.off()</a> to unbind event handlers.","Refer to <a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents\">CustomEvents from tui-code-snippet</a> for more methods. DatePicker mixes in the methods from CustomEvents.",""],"todos":[""],"augments":[""],"params":[{"name":"date","description":"Calendar date","defaultVal":"","types":{"prefix":"","names":["Date"],"isOptional":false},"properties":null},{"name":"type","description":"Calendar type","defaultVal":"","types":{"prefix":"","names":["'date'","'month'","'year'"],"isOptional":false},"properties":null},{"name":"dateElements","description":"elements for dates","defaultVal":"","types":{"prefix":"","names":["Array.HTMLElement"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"<span class=\"token comment\">// bind the 'draw' event</span>\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">on</span><span class=\"token punctuation\">(</span><span class=\"token string\">'draw'</span><span class=\"token punctuation\">,</span> <span class=\"token keyword\">function</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">event</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n    console<span class=\"token punctuation\">.</span><span class=\"token function\">log</span><span class=\"token punctuation\">(</span><span class=\"token template-string\"><span class=\"token template-punctuation string\">`</span><span class=\"token string\">Draw the </span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${</span>event<span class=\"token punctuation\">.</span>type<span class=\"token interpolation-punctuation punctuation\">}</span></span><span class=\"token string\"> calendar and its date is </span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${</span>event<span class=\"token punctuation\">.</span>date<span class=\"token interpolation-punctuation punctuation\">}</span></span><span class=\"token string\">.</span><span class=\"token template-punctuation string\">`</span></span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token comment\">// unbind the 'draw' event</span>\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">off</span><span class=\"token punctuation\">(</span><span class=\"token string\">'draw'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"drawLowerCalendar","type":"instance-method","override":false,"deprecated":false,"name":"drawLowerCalendar(date)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Lower the calendar type. (year -> month -> date)","codeInfo":{"filename":"index.js","lineNum":1025,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"date","description":"Date to set","defaultVal":null,"types":{"prefix":"","names":["Date"],"isOptional":true},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"drawUpperCalendar","type":"instance-method","override":false,"deprecated":false,"name":"drawUpperCalendar(date)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Raise the calendar type. (date -> month -> year)","codeInfo":{"filename":"index.js","lineNum":1005,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"date","description":"Date to set","defaultVal":null,"types":{"prefix":"","names":["Date"],"isOptional":true},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"enable","type":"instance-method","override":false,"deprecated":false,"name":"enable()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Enable the date picker.","codeInfo":{"filename":"index.js","lineNum":1282,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"findOverlappedRange","type":"instance-method","override":false,"deprecated":false,"name":"findOverlappedRange(startDate, endDate)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return the first overlapped range from the point or range.","codeInfo":{"filename":"index.js","lineNum":1360,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"startDate","description":"Start date to find overlapped range","defaultVal":null,"types":{"prefix":"","names":["Date","number"],"isOptional":false},"properties":null},{"name":"endDate","description":"End date to find overlapped range","defaultVal":null,"types":{"prefix":"","names":["Date","number"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":["Array.Date"],"isOptional":false},"description":"[startDate, endDate]"},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"getCalendar","type":"instance-method","override":false,"deprecated":false,"name":"getCalendar()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return the calendar instance.","codeInfo":{"filename":"index.js","lineNum":1227,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":["<a href=\"calendar\">Calendar</a>",""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":["Calendar"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"getCalendarType","type":"instance-method","override":false,"deprecated":false,"name":"getCalendarType()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return the current calendar's type.","codeInfo":{"filename":"index.js","lineNum":806,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":["'date'","'month'","'year'"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"getDate","type":"instance-method","override":false,"deprecated":false,"name":"getDate()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return the selected date.","codeInfo":{"filename":"index.js","lineNum":1097,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"<span class=\"token comment\">// 2015-04-13</span>\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">getDate</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">// new Date(2015, 3, 13)</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":["Date"],"isOptional":false},"description":"selected date"},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"getDateElements","type":"instance-method","override":false,"deprecated":false,"name":"getDateElements()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return the date elements on the calendar.","codeInfo":{"filename":"index.js","lineNum":1350,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":["Array.HTMLElement"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"getLocaleText","type":"instance-method","override":false,"deprecated":false,"name":"getLocaleText()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return the locale text object.","codeInfo":{"filename":"index.js","lineNum":1236,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":["<a href=\"DatePicker#localeTexts\">DatePicker.localeTexts</a>",""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":["object"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"getTimePicker","type":"instance-method","override":false,"deprecated":false,"name":"getTimePicker()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return the time picker instance","codeInfo":{"filename":"index.js","lineNum":1218,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":["<a href=\"https://nhn.github.io/tui.time-picker/latest\">tui-time-picker</a>",""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"<span class=\"token keyword\">const</span> timePicker <span class=\"token operator\">=</span> <span class=\"token keyword\">this</span><span class=\"token punctuation\">.</span><span class=\"token function\">getTimePicker</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":["TimePicker"],"isOptional":false},"description":"TimePicker instance"},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"getType","type":"instance-method","override":false,"deprecated":false,"name":"getType()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return the date picker's type.","codeInfo":{"filename":"index.js","lineNum":814,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":["'date'","'month'","'year'"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"isDisabled","type":"instance-method","override":false,"deprecated":false,"name":"isDisabled()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return whether the date picker is disabled","codeInfo":{"filename":"index.js","lineNum":1325,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":["boolean"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"isOpened","type":"instance-method","override":false,"deprecated":false,"name":"isOpened()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return whether the datepicker opens or not","codeInfo":{"filename":"index.js","lineNum":1207,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"datepicker<span class=\"token punctuation\">.</span><span class=\"token function\">close</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">isOpened</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">// false</span>\n\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">open</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">isOpened</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">// true</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":["boolean"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"isSelectable","type":"instance-method","override":false,"deprecated":false,"name":"isSelectable(date)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return whether the date is selectable.","codeInfo":{"filename":"index.js","lineNum":823,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"date","description":"Date to check","defaultVal":null,"types":{"prefix":"","names":["Date"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":["boolean"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"isSelected","type":"instance-method","override":false,"deprecated":false,"name":"isSelected(date)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return whether the date is selected.","codeInfo":{"filename":"index.js","lineNum":841,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"date","description":"Date to check","defaultVal":null,"types":{"prefix":"","names":["Date"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":["boolean"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"localeTexts","type":"static-property","override":false,"deprecated":false,"name":"localeTexts","types":{"prefix":"","names":["object"],"isOptional":false},"description":"Locale text data. English('en') and Korean('ko') are provided as default.","codeInfo":{"filename":"index.js","lineNum":201,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"DatePicker<span class=\"token punctuation\">.</span>localeTexts<span class=\"token punctuation\">[</span><span class=\"token string\">'customKey'</span><span class=\"token punctuation\">]</span> <span class=\"token operator\">=</span> <span class=\"token punctuation\">{</span>\n    titles<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n        <span class=\"token comment\">// days</span>\n        <span class=\"token constant\">DD</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'Sunday'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Monday'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Tuesday'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Wednesday'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Thursday'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Friday'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Saturday'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n        <span class=\"token comment\">// daysShort</span>\n        <span class=\"token constant\">D</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'Sun'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Mon'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Tue'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Wed'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Thu'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Fri'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Sat'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n        <span class=\"token comment\">// months</span>\n        <span class=\"token constant\">MMMM</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n            <span class=\"token string\">'January'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'February'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'March'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'April'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'May'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'June'</span><span class=\"token punctuation\">,</span>\n            <span class=\"token string\">'July'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'August'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'September'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'October'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'November'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'December'</span>\n        <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n        <span class=\"token comment\">// monthsShort</span>\n        <span class=\"token constant\">MMM</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'Jan'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Feb'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Mar'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Apr'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'May'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Jun'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Jul'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Aug'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Sep'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Oct'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Nov'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'Dec'</span><span class=\"token punctuation\">]</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    titleFormat<span class=\"token punctuation\">:</span> <span class=\"token string\">'MMM yyyy'</span><span class=\"token punctuation\">,</span>\n    todayFormat<span class=\"token punctuation\">:</span> <span class=\"token string\">'D, MMMM dd, yyyy'</span><span class=\"token punctuation\">,</span>\n    date<span class=\"token punctuation\">:</span> <span class=\"token string\">'Date'</span><span class=\"token punctuation\">,</span>\n    time<span class=\"token punctuation\">:</span> <span class=\"token string\">'Time'</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token keyword\">const</span> datepicker <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">DatePicker</span><span class=\"token punctuation\">(</span><span class=\"token string\">'#datepicker-container'</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n    language<span class=\"token punctuation\">:</span> <span class=\"token string\">'customKey'</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":null},{"pid":"DatePicker","type":"overview","override":false,"deprecated":false,"name":"new DatePicker(container, options)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Create a date picker.","codeInfo":{"filename":"index.js","lineNum":168,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":["<a href=\"/tutorial-example01-basic\">DatePicker example</a>",""],"todos":[""],"augments":[""],"params":[{"name":"container","description":"Container element or selector of DatePicker","defaultVal":null,"types":{"prefix":"","names":["HTMLElement","string"],"isOptional":false},"properties":null},{"name":"options","description":"Options","defaultVal":null,"types":{"prefix":"","names":["Object"],"isOptional":true},"properties":[{"name":"date","description":"Initial date. Set by a Date instance or a number(timestamp). (default: no initial date)","defaultVal":"null","types":{"prefix":"","names":["Date","number"],"isOptional":false},"properties":null},{"name":"type","description":"DatePicker type. Determine whether to choose a date, month, or year.","defaultVal":"'date'","types":{"prefix":"","names":["'date'","'month'","'year'"],"isOptional":false},"properties":null},{"name":"language","description":"Language code. English('en') and Korean('ko') are provided as default. To set to the other languages, use <a href=\"DatePicker#localeTexts\">DatePicker.localeTexts</a>.","defaultVal":"'en'","types":{"prefix":"","names":["string"],"isOptional":false},"properties":null},{"name":"timePicker","description":"<a href=\"https://nhn.github.io/tui.time-picker/latest\">TimePicker</a> options. Refer to the <a href=\"https://nhn.github.io/tui.time-picker/latest/TimePicker\">TimePicker instance's options</a>. To create the TimePicker without customization, set to true.","defaultVal":null,"types":{"prefix":"","names":["object","boolean"],"isOptional":true},"properties":null},{"name":"calendar","description":"<a href=\"Calendar\">Calendar</a> options. Refer to the <a href=\"Calendar\">Calendar instance's options</a>.","defaultVal":null,"types":{"prefix":"","names":["object"],"isOptional":true},"properties":null},{"name":"input","description":"Input option","defaultVal":null,"types":{"prefix":"","names":["object"],"isOptional":true},"properties":[{"name":"element","description":"Input element or selector","defaultVal":null,"types":{"prefix":"","names":["HTMLElement","string"],"isOptional":true},"properties":null},{"name":"format","description":"Format of the Date string","defaultVal":"'yyyy-mm-dd'","types":{"prefix":"","names":["string"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]},{"name":"selectableRanges","description":"Ranges of selectable date. Set by Date instances or numbers(timestamp).","defaultVal":"1900/1/1~2999/12/31","types":{"prefix":"","names":["Array.Array.Date|number"],"isOptional":false},"properties":null},{"name":"openers","description":"List of the openers to open the DatePicker (example - icon, button, etc.)","defaultVal":"[]","types":{"prefix":"","names":["Array.HTMLElement|string"],"isOptional":false},"properties":null},{"name":"showAlways","description":"Show the DatePicker always","defaultVal":"false","types":{"prefix":"","names":["boolean"],"isOptional":false},"properties":null},{"name":"autoClose","description":"Close the DatePicker after clicking the date","defaultVal":"true","types":{"prefix":"","names":["boolean"],"isOptional":false},"properties":null},{"name":"usageStatistics","description":"Send a hostname to Google Analytics (default: true)","defaultVal":"true","types":{"prefix":"","names":["boolean"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"<span class=\"token keyword\">import</span> DatePicker <span class=\"token keyword\">from</span> <span class=\"token string\">'tui-date-picker'</span> <span class=\"token comment\">// ES6</span>\n<span class=\"token comment\">// const DatePicker = require('tui-date-picker'); // CommonJS</span>\n<span class=\"token comment\">// const DatePicker = tui.DatePicker;</span>\n\n<span class=\"token keyword\">const</span> range1 <span class=\"token operator\">=</span> <span class=\"token punctuation\">[</span><span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token number\">2015</span><span class=\"token punctuation\">,</span> <span class=\"token number\">2</span><span class=\"token punctuation\">,</span> <span class=\"token number\">1</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">,</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token number\">2015</span><span class=\"token punctuation\">,</span> <span class=\"token number\">3</span><span class=\"token punctuation\">,</span> <span class=\"token number\">1</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">const</span> range2 <span class=\"token operator\">=</span> <span class=\"token punctuation\">[</span><span class=\"token number\">1465570800000</span><span class=\"token punctuation\">,</span> <span class=\"token number\">1481266182155</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">// timestamps</span>\n\n<span class=\"token keyword\">const</span> picker1 <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">DatePicker</span><span class=\"token punctuation\">(</span><span class=\"token string\">'#datepicker-container1'</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n    showAlways<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token keyword\">const</span> picker2 <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">DatePicker</span><span class=\"token punctuation\">(</span><span class=\"token string\">'#datepicker-container2'</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n   showAlways<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n   timePicker<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token keyword\">const</span> picker3 <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">DatePicker</span><span class=\"token punctuation\">(</span><span class=\"token string\">'#datepicker-container3'</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n    language<span class=\"token punctuation\">:</span> <span class=\"token string\">'ko'</span><span class=\"token punctuation\">,</span>\n    calendar<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n        showToday<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    timePicker<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n        showMeridiem<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n        defaultHour<span class=\"token punctuation\">:</span> <span class=\"token number\">13</span><span class=\"token punctuation\">,</span>\n        defaultMinute<span class=\"token punctuation\">:</span> <span class=\"token number\">24</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    input<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n        element<span class=\"token punctuation\">:</span> <span class=\"token string\">'#datepicker-input'</span><span class=\"token punctuation\">,</span>\n        format<span class=\"token punctuation\">:</span> <span class=\"token string\">'yyyy년 MM월 dd일 hh:mm A'</span>\n    <span class=\"token punctuation\">}</span>\n    type<span class=\"token punctuation\">:</span> <span class=\"token string\">'date'</span><span class=\"token punctuation\">,</span>\n    date<span class=\"token punctuation\">:</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token number\">2015</span><span class=\"token punctuation\">,</span> <span class=\"token number\">0</span><span class=\"token punctuation\">,</span> <span class=\"token number\">1</span><span class=\"token punctuation\">)</span>\n    selectableRanges<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>range1<span class=\"token punctuation\">,</span> range2<span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n    openers<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'#opener'</span><span class=\"token punctuation\">]</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"event-open","type":"event","override":false,"deprecated":false,"name":"open","types":{"prefix":"","names":[""],"isOptional":false},"description":"Occur after the date picker opens.","codeInfo":{"filename":"index.js","lineNum":998,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":["<a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents#on\">datepicker.on()</a> to bind event handlers.","<a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents#off\">datepicker.off()</a> to unbind event handlers.","Refer to <a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents\">CustomEvents from tui-code-snippet</a> for more methods. DatePicker mixes in the methods from CustomEvents.",""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"<span class=\"token comment\">// bind the 'open' event</span>\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">on</span><span class=\"token punctuation\">(</span><span class=\"token string\">'open'</span><span class=\"token punctuation\">,</span> <span class=\"token keyword\">function</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token function\">alert</span><span class=\"token punctuation\">(</span><span class=\"token string\">'open'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token comment\">// unbind the 'open' event</span>\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">off</span><span class=\"token punctuation\">(</span><span class=\"token string\">'open'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"open","type":"instance-method","override":false,"deprecated":false,"name":"open()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Open the date picker.","codeInfo":{"filename":"index.js","lineNum":968,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"datepicker<span class=\"token punctuation\">.</span><span class=\"token function\">open</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"removeAllOpeners","type":"instance-method","override":false,"deprecated":false,"name":"removeAllOpeners()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Remove all openers.","codeInfo":{"filename":"index.js","lineNum":952,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"removeCssClass","type":"instance-method","override":false,"deprecated":false,"name":"removeCssClass(className)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Remove a CSS class from the date picker.","codeInfo":{"filename":"index.js","lineNum":1342,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"className","description":"Class name","defaultVal":null,"types":{"prefix":"","names":["string"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"removeOpener","type":"instance-method","override":false,"deprecated":false,"name":"removeOpener(opener)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Remove an opener.","codeInfo":{"filename":"index.js","lineNum":937,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"opener","description":"element or selector of opener","defaultVal":null,"types":{"prefix":"","names":["HTMLElement","string"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"removeRange","type":"instance-method","override":false,"deprecated":false,"name":"removeRange(start, end, type)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Remove a range. Use Date instances or numbers(timestamp).","codeInfo":{"filename":"index.js","lineNum":906,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"start","description":"the start date","defaultVal":null,"types":{"prefix":"","names":["Date","number"],"isOptional":false},"properties":null},{"name":"end","description":"the end date","defaultVal":null,"types":{"prefix":"","names":["Date","number"],"isOptional":false},"properties":null},{"name":"type","description":"Range type. If falsy, start and end values are considered as timestamp","defaultVal":null,"types":{"prefix":"","names":["null","'date'","'month'","'year'"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"<span class=\"token keyword\">const</span> start <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token number\">2015</span><span class=\"token punctuation\">,</span> <span class=\"token number\">1</span><span class=\"token punctuation\">,</span> <span class=\"token number\">3</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">const</span> end <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token number\">2015</span><span class=\"token punctuation\">,</span> <span class=\"token number\">2</span><span class=\"token punctuation\">,</span> <span class=\"token number\">6</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">removeRange</span><span class=\"token punctuation\">(</span>start<span class=\"token punctuation\">,</span> end<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"setDate","type":"instance-method","override":false,"deprecated":false,"name":"setDate(date)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Select the date.","codeInfo":{"filename":"index.js","lineNum":1112,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"date","description":"Date instance or timestamp to set","defaultVal":null,"types":{"prefix":"","names":["Date","number"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"datepicker<span class=\"token punctuation\">.</span><span class=\"token function\">setDate</span><span class=\"token punctuation\">(</span><span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">// Set today</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"setDateFormat","type":"instance-method","override":false,"deprecated":false,"name":"setDateFormat(format)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Select the date by the date string format.","codeInfo":{"filename":"index.js","lineNum":1192,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"format","description":"Date string format","defaultVal":null,"types":{"prefix":"","names":["String"],"isOptional":true},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"datepicker<span class=\"token punctuation\">.</span><span class=\"token function\">setDateFormat</span><span class=\"token punctuation\">(</span><span class=\"token string\">'yyyy-MM-dd'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">setDateFormat</span><span class=\"token punctuation\">(</span><span class=\"token string\">'MM-dd, yyyy'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">setDateFormat</span><span class=\"token punctuation\">(</span><span class=\"token string\">'yy/M/d'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\ndatepicker<span class=\"token punctuation\">.</span><span class=\"token function\">setDateFormat</span><span class=\"token punctuation\">(</span><span class=\"token string\">'yy/MM/dd'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"setInput","type":"instance-method","override":false,"deprecated":false,"name":"setInput(element, options)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Set the input element","codeInfo":{"filename":"index.js","lineNum":1247,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"element","description":"Input element or selector","defaultVal":null,"types":{"prefix":"","names":["string","HTMLElement"],"isOptional":false},"properties":null},{"name":"options","description":"Input option","defaultVal":null,"types":{"prefix":"","names":["object"],"isOptional":true},"properties":[{"name":"format","description":"Format of the Date string in the input","defaultVal":"prevInput.format","types":{"prefix":"","names":["string"],"isOptional":false},"properties":null},{"name":"syncFromInput","description":"Whether set the date from the input","defaultVal":"false","types":{"prefix":"","names":["boolean"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"setNull","type":"instance-method","override":false,"deprecated":false,"name":"setNull()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Set no date to be selected. (Selected date: null)","codeInfo":{"filename":"index.js","lineNum":1156,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"setRanges","type":"instance-method","override":false,"deprecated":false,"name":"setRanges(ranges)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Set selectable ranges. Previous ranges will be removed.","codeInfo":{"filename":"index.js","lineNum":854,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"ranges","description":"Selectable ranges. Use Date instances or numbers(timestamp).","defaultVal":null,"types":{"prefix":"","names":["Array.Array.Date|number"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"datepicker<span class=\"token punctuation\">.</span><span class=\"token function\">setRanges</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">[</span>\n    <span class=\"token punctuation\">[</span><span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token number\">2017</span><span class=\"token punctuation\">,</span> <span class=\"token number\">0</span><span class=\"token punctuation\">,</span> <span class=\"token number\">1</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">,</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token number\">2018</span><span class=\"token punctuation\">,</span> <span class=\"token number\">0</span><span class=\"token punctuation\">,</span> <span class=\"token number\">2</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">[</span><span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token number\">2015</span><span class=\"token punctuation\">,</span> <span class=\"token number\">2</span><span class=\"token punctuation\">,</span> <span class=\"token number\">3</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">,</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token number\">2016</span><span class=\"token punctuation\">,</span> <span class=\"token number\">4</span><span class=\"token punctuation\">,</span> <span class=\"token number\">2</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">]</span>\n<span class=\"token punctuation\">]</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"setType","type":"instance-method","override":false,"deprecated":false,"name":"setType(type)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Set the calendar's type.","codeInfo":{"filename":"index.js","lineNum":873,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"type","description":"Calendar type","defaultVal":null,"types":{"prefix":"","names":["'date'","'month'","'year'"],"isOptional":false},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"datepicker<span class=\"token punctuation\">.</span><span class=\"token function\">setType</span><span class=\"token punctuation\">(</span><span class=\"token string\">'month'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"toggle","type":"instance-method","override":false,"deprecated":false,"name":"toggle()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Toggle the date picker.","codeInfo":{"filename":"index.js","lineNum":1082,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/datepicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]}]}],"examples":[{"description":"","code":"datepicker<span class=\"token punctuation\">.</span><span class=\"token function\">toggle</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]}]}},"pageContext":{"isCreatedByStatefulCreatePages":false,"id":"DatePicker","filename":""}}}