[{"data":1,"prerenderedAt":440},["ShallowReactive",2],{"navigation_docs":3,"-essentials-selection-modes":170,"-essentials-selection-modes-surround":435},[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":36,"body":172,"description":428,"extension":429,"links":430,"meta":431,"navigation":432,"path":37,"seo":433,"stem":38,"__hash__":434},"docs\u002F2.essentials\u002F01.selection-modes.md",{"type":173,"value":174,"toc":423},"minimark",[175,184,254,259,347,351,388,394,397,406,419],[176,177,178,179,183],"p",{},"Four props decide what a click does. With none of them set, the calendar only displays dates and still emits ",[180,181,182],"code",{},"dayClicked",".",[185,186,188],"calendar-demo",{":config":187},"{\"isDateRange\":true,\"isMultipleDateRange\":true,\"canClearRange\":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\n  v-model=\"value\"\n  is-date-range\n  is-multiple-date-range\n  can-clear-range\n\u002F>\n","vue","",[180,196,197,210,230,236,242,248],{"__ignoreMap":194},[198,199,202,206],"span",{"class":200,"line":201},"line",1,[198,203,205],{"class":204},"sMK4o","\u003C",[198,207,209],{"class":208},"swJcz","FunctionalCalendar\n",[198,211,213,217,220,223,227],{"class":200,"line":212},2,[198,214,216],{"class":215},"spNyl","  v-model",[198,218,219],{"class":204},"=",[198,221,222],{"class":204},"\"",[198,224,226],{"class":225},"sTEyZ","value",[198,228,229],{"class":204},"\"\n",[198,231,233],{"class":200,"line":232},3,[198,234,235],{"class":215},"  is-date-range\n",[198,237,239],{"class":200,"line":238},4,[198,240,241],{"class":215},"  is-multiple-date-range\n",[198,243,245],{"class":200,"line":244},5,[198,246,247],{"class":215},"  can-clear-range\n",[198,249,251],{"class":200,"line":250},6,[198,252,253],{"class":225},"\u002F>\n",[255,256,258],"h2",{"id":257},"the-four-modes","The four modes",[260,261,262,277],"table",{},[263,264,265],"thead",{},[266,267,268,272,274],"tr",{},[269,270,271],"th",{},"Mode",[269,273,96],{},[269,275,276],{},"Read from the value",[278,279,280,296,311,330],"tbody",{},[266,281,282,286,291],{},[283,284,285],"td",{},"Single date",[283,287,288],{},[180,289,290],{},"isDatePicker",[283,292,293],{},[180,294,295],{},"selectedDate",[266,297,298,301,306],{},[283,299,300],{},"Multiple dates",[283,302,303],{},[180,304,305],{},"isMultipleDatePicker",[283,307,308],{},[180,309,310],{},"selectedDates",[266,312,313,316,321],{},[283,314,315],{},"Range",[283,317,318],{},[180,319,320],{},"isDateRange",[283,322,323,326,327],{},[180,324,325],{},"dateRange.start"," and ",[180,328,329],{},"dateRange.end",[266,331,332,335,342],{},[283,333,334],{},"Several ranges",[283,336,337,326,339],{},[180,338,320],{},[180,340,341],{},"isMultipleDateRange",[283,343,344],{},[180,345,346],{},"multipleDateRange",[255,348,350],{"id":349},"range-rules","Range rules",[352,353,354,358,361,364,373,382],"ul",{},[355,356,357],"li",{},"The first click sets the start and the second sets the end.",[355,359,360],{},"Clicking a date on or before the start makes it the new start, and the old start becomes the end.",[355,362,363],{},"A click after a complete range starts a new one.",[355,365,366,369,370,183],{},[180,367,368],{},"selectedDaysCount"," fires when both ends are set. Its payload is the difference in days, so the 1st to the 3rd gives ",[180,371,372],{},"2",[355,374,375,326,378,381],{},[180,376,377],{},"minSelDays",[180,379,380],{},"maxSelDays"," stretch or cut a range to fit.",[355,383,384,387],{},[180,385,386],{},"canClearRange"," adds a clear button.",[176,389,390,391,393],{},"With several ranges, each completed range is added to ",[180,392,346],{},", and each range end shows its number. Focus a range day and press Delete or Backspace to remove that range, or click the small cross on its end.",[255,395,300],{"id":396},"multiple-dates",[176,398,399,400,402,403,183],{},"Clicking a selected date removes it. Each entry in ",[180,401,310],{}," is ",[180,404,405],{},"{ date, dateTime, hour, minute }",[176,407,408,409,413,414,418],{},"See ",[410,411,412],"a",{"href":117},"examples"," for every mode, and ",[410,415,417],{"href":416},"\u002Fgetting-started\u002Fusage#the-bound-value","the bound value"," for the object shape.",[420,421,422],"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":212,"depth":212,"links":424},[425,426,427],{"id":257,"depth":212,"text":258},{"id":349,"depth":212,"text":350},{"id":396,"depth":212,"text":300},"Choose what users pick, and read the value back.","md",null,{},{"icon":39},{"title":36,"description":428},"xQ0LB3pNgNXhD_QeBnBBMLCq_KmF_Hy3qPCtG0Qip1w",[436,438],{"title":26,"path":27,"stem":28,"description":437,"icon":29,"children":-1},"Move a Vue 2 app on Vue Functional Calendar 2.x to the Vue 3 build.",{"title":41,"path":42,"stem":43,"description":439,"icon":44,"children":-1},"Show several months at once.",1792736102922]