{"componentChunkName":"component---src-templates-api-page-js","path":"/Calendar","webpackCompilationHash":"9e30eab50d358a7b5a5f","result":{"data":{"apiPageJson":{"pid":"Calendar","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 calendar.","codeInfo":{"filename":"index.js","lineNum":474,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/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":"changeLanguage","type":"instance-method","override":false,"deprecated":false,"name":"changeLanguage(language)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Change language.","codeInfo":{"filename":"index.js","lineNum":440,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/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":"destroy","type":"instance-method","override":false,"deprecated":false,"name":"destroy()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Destroy the calendar.","codeInfo":{"filename":"index.js","lineNum":489,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/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 draws.","codeInfo":{"filename":"index.js","lineNum":340,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/index.js"},"sees":["<a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents#on\">calendar.on()</a> to bind event handlers.","<a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents#off\">calendar.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. Calendar 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>\ncalendar<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\"><span class=\"token punctuation\">{</span>type<span class=\"token punctuation\">,</span> date<span class=\"token punctuation\">}</span></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>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>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>\ncalendar<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":"draw","type":"instance-method","override":false,"deprecated":false,"name":"draw(options)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Draw the calendar.","codeInfo":{"filename":"index.js","lineNum":309,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"options","description":"Draw options","defaultVal":null,"types":{"prefix":"","names":["Object"],"isOptional":true},"properties":[{"name":"date","description":"Date to set","defaultVal":null,"types":{"prefix":"","names":["Date"],"isOptional":true},"properties":null},{"name":"type","description":"Calendar type. Determine whether to show a date, month, or year.","defaultVal":"'date'","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}}]}]}]},{"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":"calendar<span class=\"token punctuation\">.</span><span class=\"token function\">draw</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\ncalendar<span class=\"token punctuation\">.</span><span class=\"token function\">draw</span><span class=\"token punctuation\">(</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>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\ncalendar<span class=\"token punctuation\">.</span><span class=\"token function\">draw</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n    type<span class=\"token punctuation\">:</span> <span class=\"token string\">'month'</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\ncalendar<span class=\"token punctuation\">.</span><span class=\"token function\">draw</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n    type<span class=\"token punctuation\">:</span> <span class=\"token string\">'month'</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>\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":"drawNext","type":"instance-method","override":false,"deprecated":false,"name":"drawNext()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Draw the next page.","codeInfo":{"filename":"index.js","lineNum":364,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/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":"drawPrev","type":"instance-method","override":false,"deprecated":false,"name":"drawPrev()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Draw the previous page.","codeInfo":{"filename":"index.js","lineNum":373,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/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":"getDate","type":"instance-method","override":false,"deprecated":false,"name":"getDate()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return the rendered date.","codeInfo":{"filename":"index.js","lineNum":450,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/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"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"getDateElements","type":"instance-method","override":false,"deprecated":false,"name":"getDateElements()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Returns HTML elements for dates.","codeInfo":{"filename":"index.js","lineNum":466,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/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":"getNextDate","type":"instance-method","override":false,"deprecated":false,"name":"getNextDate()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return the next date.","codeInfo":{"filename":"index.js","lineNum":383,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/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"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"getNextYearDate","type":"instance-method","override":false,"deprecated":false,"name":"getNextYearDate()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return the date a year later.","codeInfo":{"filename":"index.js","lineNum":407,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/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"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"getPrevDate","type":"instance-method","override":false,"deprecated":false,"name":"getPrevDate()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return the previous date.","codeInfo":{"filename":"index.js","lineNum":395,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/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"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"getPrevYearDate","type":"instance-method","override":false,"deprecated":false,"name":"getPrevYearDate()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return the date a year previously.","codeInfo":{"filename":"index.js","lineNum":423,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/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"],"isOptional":false},"description":""},{"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 calendar's type.","codeInfo":{"filename":"index.js","lineNum":458,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/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":"hide","type":"instance-method","override":false,"deprecated":false,"name":"hide()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Hide the calendar.","codeInfo":{"filename":"index.js","lineNum":357,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/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":"Calendar","type":"overview","override":false,"deprecated":false,"name":"new Calendar(container, options)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Create a calendar by <a href=\"DatePicker#createCalendar\">DatePicker.createCalendar()</a>.","codeInfo":{"filename":"index.js","lineNum":77,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/index.js"},"sees":["<a href=\"/tutorial-example07-calendar\">Calendar example</a>",""],"todos":[""],"augments":[""],"params":[{"name":"container","description":"Container or selector of the Calendar","defaultVal":null,"types":{"prefix":"","names":["HTMLElement","string"],"isOptional":false},"properties":null},{"name":"options","description":"Calendar options","defaultVal":null,"types":{"prefix":"","names":["Object"],"isOptional":true},"properties":[{"name":"date","description":"Initial date (default: today)","defaultVal":"newDate()","types":{"prefix":"","names":["Date"],"isOptional":false},"properties":null},{"name":"type","description":"Calendar type. Determine whether to show 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 use the other languages, use <a href=\"DatePicker#localeTexts\">DatePicker.localeTexts</a>.","defaultVal":"'en'","types":{"prefix":"","names":["string"],"isOptional":false},"properties":null},{"name":"showToday","description":"Show today.","defaultVal":"true","types":{"prefix":"","names":["boolean"],"isOptional":false},"properties":null},{"name":"showJumpButtons","description":"Show the yearly jump buttons (move to the previous and next year in 'date' Calendar)","defaultVal":"false","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> 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>\n\ncalendar<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>event<span class=\"token punctuation\">.</span>date<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>event<span class=\"token punctuation\">.</span>type<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n    <span class=\"token keyword\">for</span> <span class=\"token punctuation\">(</span><span class=\"token keyword\">let</span> i <span class=\"token operator\">=</span> <span class=\"token number\">0</span><span class=\"token punctuation\">,</span> len <span class=\"token operator\">=</span> event<span class=\"token punctuation\">.</span>dateElements<span class=\"token punctuation\">.</span>length<span class=\"token punctuation\">;</span> i <span class=\"token operator\">&lt;</span> len<span class=\"token punctuation\">;</span> i <span class=\"token operator\">+=</span> <span class=\"token number\">1</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n        <span class=\"token keyword\">const</span> el <span class=\"token operator\">=</span> event<span class=\"token punctuation\">.</span>dateElements<span class=\"token punctuation\">[</span>i<span class=\"token punctuation\">]</span><span class=\"token punctuation\">;</span>\n        <span class=\"token keyword\">const</span> date <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 function\">getData</span><span class=\"token punctuation\">(</span>el<span class=\"token punctuation\">,</span> <span class=\"token string\">'timestamp'</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>date<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":[""],"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 calendar.","codeInfo":{"filename":"index.js","lineNum":482,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/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":"show","type":"instance-method","override":false,"deprecated":false,"name":"show()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Show the calendar.","codeInfo":{"filename":"index.js","lineNum":350,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/calendar/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":""}]}]}},"pageContext":{"isCreatedByStatefulCreatePages":false,"id":"Calendar","filename":""}}}