[{"data":1,"prerenderedAt":612},["ShallowReactive",2],{"navigation_docs":3,"-examples-selection-modes":170,"-examples-selection-modes-surround":607},[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":600,"extension":601,"links":602,"meta":603,"navigation":604,"path":117,"seo":605,"stem":118,"__hash__":606},"docs\u002F3.examples\u002F01.selection-modes.md",{"type":173,"value":174,"toc":593},"minimark",[175,179,184,196,244,248,254,286,290,296,325,329,336,523,527,542,589],[176,177,178],"p",{},"Every example is live. Click a day and read the bound value under the calendar. The code under each value is what runs above it.",[180,181,183],"h2",{"id":182},"single-date","Single date",[176,185,186,187,191,192,195],{},"Set ",[188,189,190],"code",{},"isDatePicker",", then read ",[188,193,194],{},"selectedDate",".",[197,198,200],"calendar-demo",{":config":199},"{\"isDatePicker\":true}",[201,202,207],"pre",{"className":203,"code":204,"language":205,"meta":206,"style":206},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CFunctionalCalendar v-model=\"value\" is-date-picker \u002F>\n","vue","",[188,208,209],{"__ignoreMap":206},[210,211,214,218,222,226,229,232,236,238,241],"span",{"class":212,"line":213},"line",1,[210,215,217],{"class":216},"sMK4o","\u003C",[210,219,221],{"class":220},"swJcz","FunctionalCalendar",[210,223,225],{"class":224},"spNyl"," v-model",[210,227,228],{"class":216},"=",[210,230,231],{"class":216},"\"",[210,233,235],{"class":234},"sTEyZ","value",[210,237,231],{"class":216},[210,239,240],{"class":224}," is-date-picker",[210,242,243],{"class":216}," \u002F>\n",[180,245,247],{"id":246},"date-range","Date range",[176,249,186,250,253],{},[188,251,252],{},"isDateRange",". The first click sets the start, the second sets the end. Hover shows the range before you commit.",[197,255,257],{":config":256},"{\"isDateRange\":true,\"canClearRange\":true}",[201,258,260],{"className":203,"code":259,"language":205,"meta":206,"style":206},"\u003CFunctionalCalendar v-model=\"value\" is-date-range can-clear-range \u002F>\n",[188,261,262],{"__ignoreMap":206},[210,263,264,266,268,270,272,274,276,278,281,284],{"class":212,"line":213},[210,265,217],{"class":216},[210,267,221],{"class":220},[210,269,225],{"class":224},[210,271,228],{"class":216},[210,273,231],{"class":216},[210,275,235],{"class":234},[210,277,231],{"class":216},[210,279,280],{"class":224}," is-date-range",[210,282,283],{"class":224}," can-clear-range",[210,285,243],{"class":216},[180,287,289],{"id":288},"multiple-dates","Multiple dates",[176,291,186,292,295],{},[188,293,294],{},"isMultipleDatePicker",". Click a selected day again to remove it.",[197,297,299],{":config":298},"{\"isMultipleDatePicker\":true}",[201,300,302],{"className":203,"code":301,"language":205,"meta":206,"style":206},"\u003CFunctionalCalendar v-model=\"value\" is-multiple-date-picker \u002F>\n",[188,303,304],{"__ignoreMap":206},[210,305,306,308,310,312,314,316,318,320,323],{"class":212,"line":213},[210,307,217],{"class":216},[210,309,221],{"class":220},[210,311,225],{"class":224},[210,313,228],{"class":216},[210,315,231],{"class":216},[210,317,235],{"class":234},[210,319,231],{"class":216},[210,321,322],{"class":224}," is-multiple-date-picker",[210,324,243],{"class":216},[180,326,328],{"id":327},"multiple-date-ranges","Multiple date ranges",[176,330,331,332,335],{},"Add ",[188,333,334],{},"isMultipleDateRange"," to a range picker to collect several ranges. Focus a range day and press Delete or Backspace to remove that range.",[197,337,340],{":config":338,":initial":339},"{\"isDateRange\":true,\"isMultipleDateRange\":true,\"canClearRange\":true}","{\"multipleDateRange\":[{\"start\":\"3\u002F10\u002F2026\",\"end\":\"9\u002F10\u002F2026\"}]}",[201,341,343],{"className":203,"code":342,"language":205,"meta":206,"style":206},"\u003Cscript setup>\nconst value = ref({\n  multipleDateRange: [{ start: '3\u002F10\u002F2026', end: '9\u002F10\u002F2026' }]\n})\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CFunctionalCalendar\n    v-model=\"value\"\n    is-date-range\n    is-multiple-date-range\n    can-clear-range\n  \u002F>\n\u003C\u002Ftemplate>\n",[188,344,345,358,379,430,439,449,456,466,475,490,496,502,508,514],{"__ignoreMap":206},[210,346,347,349,352,355],{"class":212,"line":213},[210,348,217],{"class":216},[210,350,351],{"class":220},"script",[210,353,354],{"class":224}," setup",[210,356,357],{"class":216},">\n",[210,359,361,364,367,369,373,376],{"class":212,"line":360},2,[210,362,363],{"class":224},"const",[210,365,366],{"class":234}," value ",[210,368,228],{"class":216},[210,370,372],{"class":371},"s2Zo4"," ref",[210,374,375],{"class":234},"(",[210,377,378],{"class":216},"{\n",[210,380,382,385,388,391,394,397,399,402,406,409,412,415,417,419,422,424,427],{"class":212,"line":381},3,[210,383,384],{"class":220},"  multipleDateRange",[210,386,387],{"class":216},":",[210,389,390],{"class":234}," [",[210,392,393],{"class":216},"{",[210,395,396],{"class":220}," start",[210,398,387],{"class":216},[210,400,401],{"class":216}," '",[210,403,405],{"class":404},"sfazB","3\u002F10\u002F2026",[210,407,408],{"class":216},"'",[210,410,411],{"class":216},",",[210,413,414],{"class":220}," end",[210,416,387],{"class":216},[210,418,401],{"class":216},[210,420,421],{"class":404},"9\u002F10\u002F2026",[210,423,408],{"class":216},[210,425,426],{"class":216}," }",[210,428,429],{"class":234},"]\n",[210,431,433,436],{"class":212,"line":432},4,[210,434,435],{"class":216},"}",[210,437,438],{"class":234},")\n",[210,440,442,445,447],{"class":212,"line":441},5,[210,443,444],{"class":216},"\u003C\u002F",[210,446,351],{"class":220},[210,448,357],{"class":216},[210,450,452],{"class":212,"line":451},6,[210,453,455],{"emptyLinePlaceholder":454},true,"\n",[210,457,459,461,464],{"class":212,"line":458},7,[210,460,217],{"class":216},[210,462,463],{"class":220},"template",[210,465,357],{"class":216},[210,467,469,472],{"class":212,"line":468},8,[210,470,471],{"class":216},"  \u003C",[210,473,474],{"class":220},"FunctionalCalendar\n",[210,476,478,481,483,485,487],{"class":212,"line":477},9,[210,479,480],{"class":224},"    v-model",[210,482,228],{"class":216},[210,484,231],{"class":216},[210,486,235],{"class":234},[210,488,489],{"class":216},"\"\n",[210,491,493],{"class":212,"line":492},10,[210,494,495],{"class":224},"    is-date-range\n",[210,497,499],{"class":212,"line":498},11,[210,500,501],{"class":224},"    is-multiple-date-range\n",[210,503,505],{"class":212,"line":504},12,[210,506,507],{"class":224},"    can-clear-range\n",[210,509,511],{"class":212,"line":510},13,[210,512,513],{"class":216},"  \u002F>\n",[210,515,517,519,521],{"class":212,"line":516},14,[210,518,444],{"class":216},[210,520,463],{"class":220},[210,522,357],{"class":216},[180,524,526],{"id":525},"pick-the-month-and-year","Pick the month and year",[176,528,529,530,533,534,537,538,541],{},"Turn on ",[188,531,532],{},"changeMonthFunction"," and ",[188,535,536],{},"changeYearFunction"," to click the title and jump. ",[188,539,540],{},"changeYearStep"," sets how far the year list pages.",[197,543,545],{":config":544},"{\"isDatePicker\":true,\"changeMonthFunction\":true,\"changeYearFunction\":true}",[201,546,548],{"className":203,"code":547,"language":205,"meta":206,"style":206},"\u003CFunctionalCalendar\n  v-model=\"value\"\n  is-date-picker\n  change-month-function\n  change-year-function\n\u002F>\n",[188,549,550,556,569,574,579,584],{"__ignoreMap":206},[210,551,552,554],{"class":212,"line":213},[210,553,217],{"class":216},[210,555,474],{"class":220},[210,557,558,561,563,565,567],{"class":212,"line":360},[210,559,560],{"class":224},"  v-model",[210,562,228],{"class":216},[210,564,231],{"class":216},[210,566,235],{"class":234},[210,568,489],{"class":216},[210,570,571],{"class":212,"line":381},[210,572,573],{"class":224},"  is-date-picker\n",[210,575,576],{"class":212,"line":432},[210,577,578],{"class":224},"  change-month-function\n",[210,580,581],{"class":212,"line":441},[210,582,583],{"class":224},"  change-year-function\n",[210,585,586],{"class":212,"line":451},[210,587,588],{"class":234},"\u002F>\n",[590,591,592],"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);}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":206,"searchDepth":360,"depth":360,"links":594},[595,596,597,598,599],{"id":182,"depth":360,"text":183},{"id":246,"depth":360,"text":247},{"id":288,"depth":360,"text":289},{"id":327,"depth":360,"text":328},{"id":525,"depth":360,"text":526},"Pick one date, a range, several dates or several ranges.","md",null,{},{"icon":39},{"title":36,"description":600},"sRceBY3I8grg5C5p5t6ichjQKCJg-LzPKiBU76LpB1s",[608,610],{"title":106,"path":107,"stem":108,"description":609,"icon":109,"children":-1},"Replace parts of the calendar with your own markup.",{"title":41,"path":120,"stem":121,"description":611,"icon":44,"children":-1},"Show two or three months side by side, linked or independent.",1792736102158]