[{"data":1,"prerenderedAt":571},["ShallowReactive",2],{"navigation_docs":3,"-examples-time-picker":170,"-examples-time-picker-surround":566},[4,30,110,150,155],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fgetting-started","1.getting-started",[10,15,20,25],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-book-open",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage","i-lucide-play",{"title":26,"path":27,"stem":28,"icon":29},"Migrate from 2.x","\u002Fgetting-started\u002Fmigration","1.getting-started\u002F4.migration","i-lucide-arrow-right-left",{"title":31,"path":32,"stem":33,"children":34,"page":6},"Essentials","\u002Fessentials","2.essentials",[35,40,45,50,55,60,65,70,75,80,85,90,95,100,105],{"title":36,"path":37,"stem":38,"icon":39},"Selection modes","\u002Fessentials\u002Fselection-modes","2.essentials\u002F01.selection-modes","i-lucide-mouse-pointer-click",{"title":41,"path":42,"stem":43,"icon":44},"Multiple calendars","\u002Fessentials\u002Fmultiple-calendars","2.essentials\u002F02.multiple-calendars","i-lucide-columns-2",{"title":46,"path":47,"stem":48,"icon":49},"Time picker","\u002Fessentials\u002Ftime-picker","2.essentials\u002F03.time-picker","i-lucide-clock",{"title":51,"path":52,"stem":53,"icon":54},"Limits and availability","\u002Fessentials\u002Flimits-and-availability","2.essentials\u002F04.limits-and-availability","i-lucide-ban",{"title":56,"path":57,"stem":58,"icon":59},"Marking","\u002Fessentials\u002Fmarking","2.essentials\u002F05.marking","i-lucide-bookmark",{"title":61,"path":62,"stem":63,"icon":64},"Layout and names","\u002Fessentials\u002Flayout-and-names","2.essentials\u002F06.layout-and-names","i-lucide-layout-template",{"title":66,"path":67,"stem":68,"icon":69},"Theming","\u002Fessentials\u002Ftheming","2.essentials\u002F07.theming","i-lucide-palette",{"title":71,"path":72,"stem":73,"icon":74},"Keyboard","\u002Fessentials\u002Fkeyboard","2.essentials\u002F08.keyboard","i-lucide-keyboard",{"title":76,"path":77,"stem":78,"icon":79},"Typeable input","\u002Fessentials\u002Ftypeable-input","2.essentials\u002F09.typeable-input","i-lucide-text-cursor-input",{"title":81,"path":82,"stem":83,"icon":84},"Locale and labels","\u002Fessentials\u002Flocale","2.essentials\u002F10.locale","i-lucide-languages",{"title":86,"path":87,"stem":88,"icon":89},"Presets","\u002Fessentials\u002Fpresets","2.essentials\u002F11.presets","i-lucide-zap",{"title":91,"path":92,"stem":93,"icon":94},"Accessibility","\u002Fessentials\u002Faccessibility","2.essentials\u002F12.accessibility","i-lucide-accessibility",{"title":96,"path":97,"stem":98,"icon":99},"Props","\u002Fessentials\u002Fprops","2.essentials\u002F13.props","i-lucide-list",{"title":101,"path":102,"stem":103,"icon":104},"Events","\u002Fessentials\u002Fevents","2.essentials\u002F14.events","i-lucide-radio",{"title":106,"path":107,"stem":108,"icon":109},"Slots","\u002Fessentials\u002Fslots","2.essentials\u002F15.slots","i-lucide-puzzle",{"title":111,"icon":112,"path":113,"stem":114,"children":115,"page":6},"Examples","i-lucide-layout-grid","\u002Fexamples","3.examples",[116,119,122,126,129,132,136,139,143,146],{"title":36,"path":117,"stem":118,"icon":39},"\u002Fexamples\u002Fselection-modes","3.examples\u002F01.selection-modes",{"title":41,"path":120,"stem":121,"icon":44},"\u002Fexamples\u002Fmultiple-calendars","3.examples\u002F02.multiple-calendars",{"title":123,"path":124,"stem":125,"icon":79},"Modal and typeable inputs","\u002Fexamples\u002Fmodal-and-inputs","3.examples\u002F03.modal-and-inputs",{"title":46,"path":127,"stem":128,"icon":49},"\u002Fexamples\u002Ftime-picker","3.examples\u002F04.time-picker",{"title":51,"path":130,"stem":131,"icon":54},"\u002Fexamples\u002Flimits-and-availability","3.examples\u002F05.limits-and-availability",{"title":133,"path":134,"stem":135,"icon":59},"Marking and layout","\u002Fexamples\u002Fmarking","3.examples\u002F06.marking",{"title":106,"path":137,"stem":138,"icon":109},"\u002Fexamples\u002Fslots","3.examples\u002F07.slots",{"title":140,"path":141,"stem":142,"icon":89},"Range presets","\u002Fexamples\u002Fpresets","3.examples\u002F08.presets",{"title":81,"path":144,"stem":145,"icon":84},"\u002Fexamples\u002Flocale","3.examples\u002F09.locale",{"title":147,"path":148,"stem":149,"icon":69},"Theming and dark mode","\u002Fexamples\u002Ftheming-and-dark-mode","3.examples\u002F10.theming-and-dark-mode",{"title":151,"path":152,"stem":153,"icon":154},"Playground","\u002Fplayground","4.playground","i-lucide-sliders-horizontal",{"title":156,"path":157,"stem":158,"children":159,"page":6},"Community","\u002Fcommunity","5.community",[160,165],{"title":161,"path":162,"stem":163,"icon":164},"Contributing","\u002Fcommunity\u002Fcontributing","5.community\u002F1.contributing","i-lucide-git-pull-request",{"title":166,"path":167,"stem":168,"icon":169},"Changelog","\u002Fcommunity\u002Fchangelog","5.community\u002F2.changelog","i-lucide-history",{"id":171,"title":46,"body":172,"description":559,"extension":560,"links":561,"meta":562,"navigation":563,"path":127,"seo":564,"stem":128,"__hash__":565},"docs\u002F3.examples\u002F04.time-picker.md",{"type":173,"value":174,"toc":553},"minimark",[175,184,189,214,307,311,314,349,353,363,500,504,518,549],[176,177,178,179,183],"p",{},"Set ",[180,181,182],"code",{},"withTimePicker",". After you choose a date, the calendar swaps to two lists, one for hours and one for minutes. Use the arrow keys inside a list and press Enter to choose. Escape returns to the calendar.",[185,186,188],"h2",{"id":187},"date-with-time-in-a-modal-input","Date with time in a modal input",[176,190,191,194,195,198,199,202,203,202,206,209,210,213],{},[180,192,193],{},"displayTimeInput"," adds the time to the input text. A time in ",[180,196,197],{},"dateFormat"," (",[180,200,201],{},"HH:MM",", ",[180,204,205],{},"HH:mm",[180,207,208],{},"hh:MM"," or ",[180,211,212],{},"hh:mm",") sets how it prints.",[215,216,219],"calendar-demo",{":config":217,":height":218},"{\"isDatePicker\":true,\"isModal\":true,\"withTimePicker\":true,\"displayTimeInput\":true,\"dateFormat\":\"yyyy-mm-dd hh:mm\"}","460",[220,221,226],"pre",{"className":222,"code":223,"language":224,"meta":225,"style":225},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CFunctionalCalendar\n  v-model=\"value\"\n  is-date-picker\n  is-modal\n  with-time-picker\n  display-time-input\n  date-format=\"yyyy-mm-dd hh:mm\"\n\u002F>\n","vue","",[180,227,228,241,261,267,273,279,285,301],{"__ignoreMap":225},[229,230,233,237],"span",{"class":231,"line":232},"line",1,[229,234,236],{"class":235},"sMK4o","\u003C",[229,238,240],{"class":239},"swJcz","FunctionalCalendar\n",[229,242,244,248,251,254,258],{"class":231,"line":243},2,[229,245,247],{"class":246},"spNyl","  v-model",[229,249,250],{"class":235},"=",[229,252,253],{"class":235},"\"",[229,255,257],{"class":256},"sTEyZ","value",[229,259,260],{"class":235},"\"\n",[229,262,264],{"class":231,"line":263},3,[229,265,266],{"class":246},"  is-date-picker\n",[229,268,270],{"class":231,"line":269},4,[229,271,272],{"class":246},"  is-modal\n",[229,274,276],{"class":231,"line":275},5,[229,277,278],{"class":246},"  with-time-picker\n",[229,280,282],{"class":231,"line":281},6,[229,283,284],{"class":246},"  display-time-input\n",[229,286,288,291,293,295,299],{"class":231,"line":287},7,[229,289,290],{"class":246},"  date-format",[229,292,250],{"class":235},[229,294,253],{"class":235},[229,296,298],{"class":297},"sfazB","yyyy-mm-dd hh:mm",[229,300,260],{"class":235},[229,302,304],{"class":231,"line":303},8,[229,305,306],{"class":256},"\u002F>\n",[185,308,310],{"id":309},"range-with-a-time-at-each-end","Range with a time at each end",[176,312,313],{},"For a range, the time picker shows both ends. Click the start or the end date to choose which one you edit.",[215,315,317],{":config":316},"{\"isDateRange\":true,\"withTimePicker\":true}",[220,318,320],{"className":222,"code":319,"language":224,"meta":225,"style":225},"\u003CFunctionalCalendar v-model=\"value\" is-date-range with-time-picker \u002F>\n",[180,321,322],{"__ignoreMap":225},[229,323,324,326,329,332,334,336,338,340,343,346],{"class":231,"line":232},[229,325,236],{"class":235},[229,327,328],{"class":239},"FunctionalCalendar",[229,330,331],{"class":246}," v-model",[229,333,250],{"class":235},[229,335,253],{"class":235},[229,337,257],{"class":256},[229,339,253],{"class":235},[229,341,342],{"class":246}," is-date-range",[229,344,345],{"class":246}," with-time-picker",[229,347,348],{"class":235}," \u002F>\n",[185,350,352],{"id":351},"limit-the-hours-and-minutes","Limit the hours and minutes",[176,354,355,358,359,362],{},[180,356,357],{},"activeHours"," and ",[180,360,361],{},"activeMinutes"," list the values users can pick.",[215,364,366],{":config":365},"{\"isDatePicker\":true,\"withTimePicker\":true,\"activeHours\":[9,10,11,12,13,14,15,16,17],\"activeMinutes\":[0,15,30,45]}",[220,367,369],{"className":222,"code":368,"language":224,"meta":225,"style":225},"\u003CFunctionalCalendar\n  v-model=\"value\"\n  is-date-picker\n  with-time-picker\n  :active-hours=\"[9, 10, 11, 12, 13, 14, 15, 16, 17]\"\n  :active-minutes=\"[0, 15, 30, 45]\"\n\u002F>\n",[180,370,371,377,389,393,397,462,496],{"__ignoreMap":225},[229,372,373,375],{"class":231,"line":232},[229,374,236],{"class":235},[229,376,240],{"class":239},[229,378,379,381,383,385,387],{"class":231,"line":243},[229,380,247],{"class":246},[229,382,250],{"class":235},[229,384,253],{"class":235},[229,386,257],{"class":256},[229,388,260],{"class":235},[229,390,391],{"class":231,"line":263},[229,392,266],{"class":246},[229,394,395],{"class":231,"line":269},[229,396,278],{"class":246},[229,398,399,402,405,407,409,412,416,419,422,424,427,429,432,434,437,439,442,444,447,449,452,454,457,460],{"class":231,"line":275},[229,400,401],{"class":235},"  :",[229,403,404],{"class":246},"active-hours",[229,406,250],{"class":235},[229,408,253],{"class":235},[229,410,411],{"class":256},"[",[229,413,415],{"class":414},"sbssI","9",[229,417,418],{"class":235},",",[229,420,421],{"class":414}," 10",[229,423,418],{"class":235},[229,425,426],{"class":414}," 11",[229,428,418],{"class":235},[229,430,431],{"class":414}," 12",[229,433,418],{"class":235},[229,435,436],{"class":414}," 13",[229,438,418],{"class":235},[229,440,441],{"class":414}," 14",[229,443,418],{"class":235},[229,445,446],{"class":414}," 15",[229,448,418],{"class":235},[229,450,451],{"class":414}," 16",[229,453,418],{"class":235},[229,455,456],{"class":414}," 17",[229,458,459],{"class":256},"]",[229,461,260],{"class":235},[229,463,464,466,469,471,473,475,478,480,482,484,487,489,492,494],{"class":231,"line":281},[229,465,401],{"class":235},[229,467,468],{"class":246},"active-minutes",[229,470,250],{"class":235},[229,472,253],{"class":235},[229,474,411],{"class":256},[229,476,477],{"class":414},"0",[229,479,418],{"class":235},[229,481,446],{"class":414},[229,483,418],{"class":235},[229,485,486],{"class":414}," 30",[229,488,418],{"class":235},[229,490,491],{"class":414}," 45",[229,493,459],{"class":256},[229,495,260],{"class":235},[229,497,498],{"class":231,"line":287},[229,499,306],{"class":256},[185,501,503],{"id":502},"several-dates-with-their-own-times","Several dates with their own times",[176,505,506,507,510,511,358,514,517],{},"Each date in ",[180,508,509],{},"selectedDates"," keeps its own ",[180,512,513],{},"hour",[180,515,516],{},"minute",".",[215,519,521],{":config":520},"{\"isMultipleDatePicker\":true,\"withTimePicker\":true}",[220,522,524],{"className":222,"code":523,"language":224,"meta":225,"style":225},"\u003CFunctionalCalendar v-model=\"value\" is-multiple-date-picker with-time-picker \u002F>\n",[180,525,526],{"__ignoreMap":225},[229,527,528,530,532,534,536,538,540,542,545,547],{"class":231,"line":232},[229,529,236],{"class":235},[229,531,328],{"class":239},[229,533,331],{"class":246},[229,535,250],{"class":235},[229,537,253],{"class":235},[229,539,257],{"class":256},[229,541,253],{"class":235},[229,543,544],{"class":246}," is-multiple-date-picker",[229,546,345],{"class":246},[229,548,348],{"class":235},[550,551,552],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":225,"searchDepth":243,"depth":243,"links":554},[555,556,557,558],{"id":187,"depth":243,"text":188},{"id":309,"depth":243,"text":310},{"id":351,"depth":243,"text":352},{"id":502,"depth":243,"text":503},"Add hours and minutes to a date, a range or several dates.","md",null,{},{"icon":49},{"title":46,"description":559},"TOAjpivZdcF6Qn0zYikAkEEtR6r-Ez4ZZ6u7GtF5QBQ",[567,569],{"title":123,"path":124,"stem":125,"description":568,"icon":79,"children":-1},"Open the calendar from an input, type dates, or replace the inputs.",{"title":51,"path":130,"stem":131,"description":570,"icon":54,"children":-1},"Block dates, weekdays and spans, or allow only a list of dates.",1792736104343]