[{"data":1,"prerenderedAt":436},["ShallowReactive",2],{"navigation_docs":3,"-essentials-time-picker":170,"-essentials-time-picker-surround":431},[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":424,"extension":425,"links":426,"meta":427,"navigation":428,"path":47,"seo":429,"stem":48,"__hash__":430},"docs\u002F2.essentials\u002F03.time-picker.md",{"type":173,"value":174,"toc":418},"minimark",[175,184,235,242,247,320,323,326,329,411,414],[176,177,178,179,183],"p",{},"Set ",[180,181,182],"code",{},"withTimePicker",". After you choose a date, the calendar swaps to an hour list and a minute list.",[185,186,188],"calendar-demo",{":config":187},"{\"isDatePicker\":true,\"withTimePicker\":true,\"displayTimeInput\":true}",[189,190,195],"pre",{"className":191,"code":192,"language":193,"meta":194,"style":194},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CFunctionalCalendar v-model=\"value\" is-date-picker with-time-picker \u002F>\n","vue","",[180,196,197],{"__ignoreMap":194},[198,199,202,206,210,214,217,220,224,226,229,232],"span",{"class":200,"line":201},"line",1,[198,203,205],{"class":204},"sMK4o","\u003C",[198,207,209],{"class":208},"swJcz","FunctionalCalendar",[198,211,213],{"class":212},"spNyl"," v-model",[198,215,216],{"class":204},"=",[198,218,219],{"class":204},"\"",[198,221,223],{"class":222},"sTEyZ","value",[198,225,219],{"class":204},[198,227,228],{"class":212}," is-date-picker",[198,230,231],{"class":212}," with-time-picker",[198,233,234],{"class":204}," \u002F>\n",[176,236,237,238,241],{},"The time picker does not open with ",[180,239,240],{},"isMultipleDateRange",", and those ranges hold plain dates without a time.",[243,244,246],"h2",{"id":245},"where-the-time-lives","Where the time lives",[248,249,250,263],"table",{},[251,252,253],"thead",{},[254,255,256,260],"tr",{},[257,258,259],"th",{},"Mode",[257,261,262],{},"Time in the value",[264,265,266,285,303],"tbody",{},[254,267,268,272],{},[269,270,271],"td",{},"Single date",[269,273,274,277,278,281,282],{},[180,275,276],{},"selectedHour",", ",[180,279,280],{},"selectedMinute"," and ",[180,283,284],{},"selectedDateTime",[254,286,287,290],{},[269,288,289],{},"Range",[269,291,292,293,281,296,299,300],{},"The time is part of ",[180,294,295],{},"dateRange.start",[180,297,298],{},"dateRange.end",", as ",[180,301,302],{},"d\u002Fm\u002Fyyyy hh:mm",[254,304,305,308],{},[269,306,307],{},"Multiple dates",[269,309,310,281,313,316,317],{},[180,311,312],{},"hour",[180,314,315],{},"minute"," on each entry of ",[180,318,319],{},"selectedDates",[243,321,71],{"id":322},"keyboard",[176,324,325],{},"Each list is a listbox. Use ArrowUp and ArrowDown to move, Home and End to jump to the ends, and Enter or Space to choose a value. The close button and the Escape key return to the calendar.",[243,327,96],{"id":328},"props",[248,330,331,341],{},[251,332,333],{},[254,334,335,338],{},[257,336,337],{},"Prop",[257,339,340],{},"Use",[264,342,343,353,379,396],{},[254,344,345,350],{},[269,346,347],{},[180,348,349],{},"displayTimeInput",[269,351,352],{},"Add the time to the text of a single date input.",[254,354,355,360],{},[269,356,357],{},[180,358,359],{},"dateFormat",[269,361,362,363,366,367,277,370,277,373,281,376,378],{},"A time part such as ",[180,364,365],{},"hh:mm",". The valid forms are ",[180,368,369],{},"HH:MM",[180,371,372],{},"HH:mm",[180,374,375],{},"hh:MM",[180,377,365],{},".",[254,380,381,386],{},[269,382,383],{},[180,384,385],{},"activeHours",[269,387,388,389,392,393,378],{},"Hours users can pick, from ",[180,390,391],{},"0"," to ",[180,394,395],{},"23",[254,397,398,403],{},[269,399,400],{},[180,401,402],{},"activeMinutes",[269,404,405,406,392,408,378],{},"Minutes users can pick, from ",[180,407,391],{},[180,409,410],{},"59",[176,412,413],{},"For a range, click the start or the end date at the top of the picker to choose which one you edit.",[415,416,417],"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 .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);}",{"title":194,"searchDepth":419,"depth":419,"links":420},2,[421,422,423],{"id":245,"depth":419,"text":246},{"id":322,"depth":419,"text":71},{"id":328,"depth":419,"text":96},"Add hours and minutes to a date or a range.","md",null,{},{"icon":49},{"title":46,"description":424},"vMMtyqVfm1driKT9WmNyrHYWZtSkUTkFRAxYOXbLJNw",[432,434],{"title":41,"path":42,"stem":43,"description":433,"icon":44,"children":-1},"Show several months at once.",{"title":51,"path":52,"stem":53,"description":435,"icon":54,"children":-1},"Disable dates, weekdays and spans, or allow a list.",1792736102922]