[{"data":1,"prerenderedAt":533},["ShallowReactive",2],{"navigation_docs":3,"landing":170},[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":172,"body":173,"description":172,"extension":524,"meta":525,"navigation":409,"path":526,"seo":527,"stem":531,"__hash__":532},"landing\u002Findex.md","",{"type":174,"value":175,"toc":522},"minimark",[176,218,296,518],[177,178,181,194,203,206,215],"u-page-hero",{":ui":179,"orientation":180},"{\"container\":\"lg:grid-cols-1 xl:grid-cols-[minmax(0,1fr)_minmax(0,38rem)] xl:gap-16 py-16 sm:py-24 lg:py-28\",\"title\":\"text-4xl sm:text-6xl\",\"description\":\"max-w-xl\"}","horizontal",[182,183,184],"template",{"v-slot:headline":172},[185,186,193],"u-button",{"size":187,"to":167,"trailing-icon":188,"color":189,"variant":190,"className":191},"sm","i-lucide-arrow-right","neutral","subtle",[192],"rounded-full","3.1 is out, built for Vue 3",[182,195,196,197],{"v-slot:title":172},"Vue Functional ",[198,199,202],"span",{"className":200},[201],"text-primary","Calendar",[182,204,205],{"v-slot:description":172},"A lightweight calendar and datepicker for Vue 3. Pick single dates, ranges with presets, several months or a time, with keyboard support, dark mode and Intl locales built in. No runtime dependencies.",[182,207,208,212],{"v-slot:links":172},[185,209,211],{"size":210,"to":17,"trailing-icon":188},"xl","Get started",[213,214],"install-command",{},[216,217],"calendar-hero",{},[219,220,221,224,231],"u-page-section",{},[182,222,223],{"v-slot:title":172},"Why Vue Functional Calendar?",[182,225,226],{"v-slot:links":172},[185,227,230],{"size":228,"to":117,"trailing-icon":188,"color":189,"variant":229},"lg","outline","Browse the examples",[182,232,233,243,252,259,266,273,281,289],{"v-slot:features":172},[234,235,237,240],"u-page-feature",{"icon":236},"i-lucide-calendar-days",[182,238,239],{"v-slot:title":172},"Date picker",[182,241,242],{"v-slot:description":172},"Pick one date or several, inline or in a modal behind a typeable input.",[234,244,246,249],{"icon":245},"i-lucide-calendar-range",[182,247,248],{"v-slot:title":172},"Ranges and presets",[182,250,251],{"v-slot:description":172},"Select one range or many, with minimum and maximum lengths and one-click presets.",[234,253,254,256],{"icon":44},[182,255,41],{"v-slot:title":172},[182,257,258],{"v-slot:description":172},"Show two or more months side by side, linked or independent.",[234,260,261,263],{"icon":49},[182,262,46],{"v-slot:title":172},[182,264,265],{"v-slot:description":172},"Add hours and minutes to a single date, a range or several dates.",[234,267,268,270],{"icon":69},[182,269,147],{"v-slot:title":172},[182,271,272],{"v-slot:description":172},"Restyle everything with --vfc-* custom properties, in light and dark.",[234,274,275,278],{"icon":74},[182,276,277],{"v-slot:title":172},"Keyboard and ARIA",[182,279,280],{"v-slot:description":172},"Arrow-key navigation, a labeled date grid and managed focus.",[234,282,283,286],{"icon":84},[182,284,285],{"v-slot:title":172},"Intl locales",[182,287,288],{"v-slot:description":172},"Day names, month names and week start from the browser, plus labels for every string.",[234,290,291,293],{"icon":109},[182,292,106],{"v-slot:title":172},[182,294,295],{"v-slot:description":172},"Replace the day cell, arrows, footer, clear button and inputs.",[219,297,298,301,304,313],{"orientation":180},[182,299,300],{"v-slot:title":172},"Up and running in a minute",[182,302,303],{"v-slot:description":172},"Import the component and its stylesheet, bind a model, and pick a mode with one prop. Every string, color and slot is yours to change later.",[182,305,306,309],{"v-slot:links":172},[185,307,308],{"size":228,"to":22,"trailing-icon":188},"Read the usage guide",[185,310,312],{"size":228,"to":97,"color":189,"variant":311},"ghost","All props",[314,315,320],"pre",{"className":316,"code":317,"filename":318,"language":319,"meta":172,"style":172},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nimport { ref } from 'vue'\nimport { FunctionalCalendar } from 'vue-functional-calendar'\nimport 'vue-functional-calendar\u002Fstyle.css'\n\nconst calendar = ref({})\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CFunctionalCalendar\n    v-model=\"calendar\"\n    is-date-range\n    presets\n    can-clear-range\n  \u002F>\n\u003C\u002Ftemplate>\n","App.vue","vue",[321,322,323,342,371,392,404,411,435,445,450,459,468,485,491,497,503,509],"code",{"__ignoreMap":172},[198,324,327,331,335,339],{"class":325,"line":326},"line",1,[198,328,330],{"class":329},"sMK4o","\u003C",[198,332,334],{"class":333},"swJcz","script",[198,336,338],{"class":337},"spNyl"," setup",[198,340,341],{"class":329},">\n",[198,343,345,349,352,356,359,362,365,368],{"class":325,"line":344},2,[198,346,348],{"class":347},"s7zQu","import",[198,350,351],{"class":329}," {",[198,353,355],{"class":354},"sTEyZ"," ref",[198,357,358],{"class":329}," }",[198,360,361],{"class":347}," from",[198,363,364],{"class":329}," '",[198,366,319],{"class":367},"sfazB",[198,369,370],{"class":329},"'\n",[198,372,374,376,378,381,383,385,387,390],{"class":325,"line":373},3,[198,375,348],{"class":347},[198,377,351],{"class":329},[198,379,380],{"class":354}," FunctionalCalendar",[198,382,358],{"class":329},[198,384,361],{"class":347},[198,386,364],{"class":329},[198,388,389],{"class":367},"vue-functional-calendar",[198,391,370],{"class":329},[198,393,395,397,399,402],{"class":325,"line":394},4,[198,396,348],{"class":347},[198,398,364],{"class":329},[198,400,401],{"class":367},"vue-functional-calendar\u002Fstyle.css",[198,403,370],{"class":329},[198,405,407],{"class":325,"line":406},5,[198,408,410],{"emptyLinePlaceholder":409},true,"\n",[198,412,414,417,420,423,426,429,432],{"class":325,"line":413},6,[198,415,416],{"class":337},"const",[198,418,419],{"class":354}," calendar ",[198,421,422],{"class":329},"=",[198,424,355],{"class":425},"s2Zo4",[198,427,428],{"class":354},"(",[198,430,431],{"class":329},"{}",[198,433,434],{"class":354},")\n",[198,436,438,441,443],{"class":325,"line":437},7,[198,439,440],{"class":329},"\u003C\u002F",[198,442,334],{"class":333},[198,444,341],{"class":329},[198,446,448],{"class":325,"line":447},8,[198,449,410],{"emptyLinePlaceholder":409},[198,451,453,455,457],{"class":325,"line":452},9,[198,454,330],{"class":329},[198,456,182],{"class":333},[198,458,341],{"class":329},[198,460,462,465],{"class":325,"line":461},10,[198,463,464],{"class":329},"  \u003C",[198,466,467],{"class":333},"FunctionalCalendar\n",[198,469,471,474,476,479,482],{"class":325,"line":470},11,[198,472,473],{"class":337},"    v-model",[198,475,422],{"class":329},[198,477,478],{"class":329},"\"",[198,480,481],{"class":354},"calendar",[198,483,484],{"class":329},"\"\n",[198,486,488],{"class":325,"line":487},12,[198,489,490],{"class":337},"    is-date-range\n",[198,492,494],{"class":325,"line":493},13,[198,495,496],{"class":337},"    presets\n",[198,498,500],{"class":325,"line":499},14,[198,501,502],{"class":337},"    can-clear-range\n",[198,504,506],{"class":325,"line":505},15,[198,507,508],{"class":329},"  \u002F>\n",[198,510,512,514,516],{"class":325,"line":511},16,[198,513,440],{"class":329},[198,515,182],{"class":333},[198,517,341],{"class":329},[519,520,521],"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 .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}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 pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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":172,"searchDepth":344,"depth":344,"links":523},[],"md",{},"\u002F",{"title":528,"description":529,"ogImage":530},"Vue Functional Calendar for Vue 3","Lightweight calendar and datepicker component for Vue 3. Date picker, date range with presets, multiple calendars, time picker, keyboard support, dark mode and Intl locales.","https:\u002F\u002Fmanukminasyan.github.io\u002Fvue-functional-calendar\u002Fimg\u002Fcalendar-preview.png","index","AuvRQ_39uAwzUwxI6ilCvJ-qaHJIFgUb8PwQ72joO9Q",1792736101653]