{"componentChunkName":"component---src-templates-api-page-js","path":"/DateRangePicker","webpackCompilationHash":"9e30eab50d358a7b5a5f","result":{"data":{"apiPageJson":{"pid":"DateRangePicker","parentPid":"class","title":"Class","items":[{"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":336,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/dateRangePicker/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":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"event-change:end","type":"event","override":false,"deprecated":false,"name":"change:end","types":{"prefix":"","names":[""],"isOptional":false},"description":"Occur after the end date is changed.","codeInfo":{"filename":"index.js","lineNum":271,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/dateRangePicker/index.js"},"sees":["<a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents#on\">rangePicker.on()</a> to bind event handlers.","<a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents#off\">rangePicker.off()</a> to unbind event handlers.","Refer to <a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents\">CustomEvents</a> for more methods. DateRangePicker 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:end' event</span>\nrangePicker<span class=\"token punctuation\">.</span><span class=\"token function\">on</span><span class=\"token punctuation\">(</span><span class=\"token string\">'change:end'</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\">End date: </span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${</span>rangePicker<span class=\"token punctuation\">.</span><span class=\"token function\">getEndDate</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:end' event</span>\nrangePicker<span class=\"token punctuation\">.</span><span class=\"token function\">off</span><span class=\"token punctuation\">(</span><span class=\"token string\">'change:end'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>"},{"description":"","code":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"event-change:start","type":"event","override":false,"deprecated":false,"name":"change:start","types":{"prefix":"","names":[""],"isOptional":false},"description":"Occur after the start date is changed.","codeInfo":{"filename":"index.js","lineNum":248,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/dateRangePicker/index.js"},"sees":["<a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents#on\">rangePicker.on()</a> to bind event handlers.","<a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents#off\">rangePicker.off()</a> to unbind event handlers.","Refer to <a href=\"https://nhn.github.io/tui.code-snippet/latest/CustomEvents\">CustomEvents</a> for more methods. DateRangePicker 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:start' event</span>\nrangePicker<span class=\"token punctuation\">.</span><span class=\"token function\">on</span><span class=\"token punctuation\">(</span><span class=\"token string\">'change:start'</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\">Start date: </span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${</span>rangePicker<span class=\"token punctuation\">.</span><span class=\"token function\">getStartDate</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:start' event</span>\nrangePicker<span class=\"token punctuation\">.</span><span class=\"token function\">off</span><span class=\"token punctuation\">(</span><span class=\"token string\">'change:start'</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":357,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/dateRangePicker/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 date-range picker.","codeInfo":{"filename":"index.js","lineNum":365,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/dateRangePicker/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":"getEndDate","type":"instance-method","override":false,"deprecated":false,"name":"getEndDate()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return the end date.","codeInfo":{"filename":"index.js","lineNum":310,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/dateRangePicker/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":"getEndpicker","type":"instance-method","override":false,"deprecated":false,"name":"getEndpicker()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return a end-datepicker.","codeInfo":{"filename":"index.js","lineNum":286,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/dateRangePicker/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":["DatePicker"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"getStartDate","type":"instance-method","override":false,"deprecated":false,"name":"getStartDate()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return the start date.","codeInfo":{"filename":"index.js","lineNum":302,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/dateRangePicker/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":"getStartpicker","type":"instance-method","override":false,"deprecated":false,"name":"getStartpicker()","types":{"prefix":"","names":[""],"isOptional":false},"description":"Return a start-datepicker.","codeInfo":{"filename":"index.js","lineNum":278,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/dateRangePicker/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":["DatePicker"],"isOptional":false},"description":""},{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"DateRangePicker","type":"overview","override":false,"deprecated":false,"name":"new DateRangePicker(options)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Create a date-range picker by <a href=\"DatePicker#createRangePicker\">DatePicker.createRangePicker()</a>.","codeInfo":{"filename":"index.js","lineNum":71,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/dateRangePicker/index.js"},"sees":["<a href=\"/tutorial-example08-daterangepicker\">DateRangePicker example</a>",""],"todos":[""],"augments":[""],"params":[{"name":"options","description":"DateRangePicker options","defaultVal":null,"types":{"prefix":"","names":["object"],"isOptional":false},"properties":[{"name":"startpicker","description":"Startpicker options","defaultVal":null,"types":{"prefix":"","names":["object"],"isOptional":false},"properties":[{"name":"input","description":"Startpicker input element or selector","defaultVal":null,"types":{"prefix":"","names":["HTMLElement","string"],"isOptional":false},"properties":null},{"name":"container","description":"Startpicker container element or selector","defaultVal":null,"types":{"prefix":"","names":["HTMLElement","string"],"isOptional":false},"properties":null},{"name":"date","description":"Initial date of the start picker. Set by a Date instance or a number(timestamp). (default: no initial date)","defaultVal":null,"types":{"prefix":"","names":["Date","number"],"isOptional":true},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]},{"name":"endpicker","description":"Endpicker options","defaultVal":null,"types":{"prefix":"","names":["object"],"isOptional":false},"properties":[{"name":"input","description":"Endpicker input element or selector","defaultVal":null,"types":{"prefix":"","names":["HTMLElement","string"],"isOptional":false},"properties":null},{"name":"container","description":"Endpicker container element or selector","defaultVal":null,"types":{"prefix":"","names":["HTMLElement","string"],"isOptional":false},"properties":null},{"name":"date","description":"Initial date of the end picker. Set by a Date instance or a number(timestamp). (default: no initial date)","defaultVal":null,"types":{"prefix":"","names":["Date","number"],"isOptional":true},"properties":null},{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false},"properties":[{"name":"","description":"","defaultVal":"","types":{"prefix":"","names":[""],"isOptional":false}}]}]},{"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 use 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":"format","description":"Format of the Date string","defaultVal":"'yyyy-mm-dd'","types":{"prefix":"","names":["string"],"isOptional":false},"properties":null},{"name":"selectableRanges","description":"Ranges of selectable date. Set by Date instances or numbers(timestamp).","defaultVal":null,"types":{"prefix":"","names":["Array"],"isOptional":true},"properties":null},{"name":"showAlways","description":"Show the DateRangePicker always","defaultVal":"false","types":{"prefix":"","names":["boolean"],"isOptional":false},"properties":null},{"name":"autoClose","description":"Close the DateRangePicker 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> 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        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\">2019</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>\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":[""],"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":347,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/dateRangePicker/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":""}],"returns":[{"types":{"prefix":"","names":[""],"isOptional":false},"description":""}]},{"pid":"setEndDate","type":"instance-method","override":false,"deprecated":false,"name":"setEndDate(date)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Set the end date.","codeInfo":{"filename":"index.js","lineNum":318,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/dateRangePicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"date","description":"End date","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":[""],"isOptional":false},"description":""}]},{"pid":"setRanges","type":"instance-method","override":false,"deprecated":false,"name":"setRanges(ranges)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Set selectable ranges.","codeInfo":{"filename":"index.js","lineNum":326,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/dateRangePicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"ranges","description":"Selectable ranges. Use Date instances or numbers(timestamp).","defaultVal":null,"types":{"prefix":"","names":["Array.Array.number|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":[""],"isOptional":false},"description":""}]},{"pid":"setStartDate","type":"instance-method","override":false,"deprecated":false,"name":"setStartDate(date)","types":{"prefix":"","names":[""],"isOptional":false},"description":"Set the start date.","codeInfo":{"filename":"index.js","lineNum":294,"linkUrl":"https://github.com/nhn/tui.date-picker/blob/v4.1.0/src/js/dateRangePicker/index.js"},"sees":[""],"todos":[""],"augments":[""],"params":[{"name":"date","description":"Start date","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":[""],"isOptional":false},"description":""}]}]}},"pageContext":{"isCreatedByStatefulCreatePages":false,"id":"DateRangePicker","filename":""}}}