[{"data":1,"prerenderedAt":776},["ShallowReactive",2],{"navigation_docs":3,"-essentials-layout-and-names":170,"-essentials-layout-and-names-surround":771},[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":61,"body":172,"description":764,"extension":765,"links":766,"meta":767,"navigation":768,"path":62,"seo":769,"stem":63,"__hash__":770},"docs\u002F2.essentials\u002F06.layout-and-names.md",{"type":173,"value":174,"toc":759},"minimark",[175,375,380,488,495,499,515,730,740,744,755],[176,177,179],"calendar-demo",{":config":178},"{\"isDatePicker\":true,\"titlePosition\":\"left\",\"arrowsPosition\":\"right\",\"hiddenElements\":[\"leftAndRightDays\"],\"dayNames\":[\"Mon\",\"Tue\",\"Wed\",\"Thu\",\"Fri\",\"Sat\",\"Sun\"]}",[180,181,186],"pre",{"className":182,"code":183,"language":184,"meta":185,"style":185},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CFunctionalCalendar\n  v-model=\"value\"\n  is-date-picker\n  title-position=\"left\"\n  arrows-position=\"right\"\n  :hidden-elements=\"['leftAndRightDays']\"\n  :day-names=\"['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']\"\n\u002F>\n","vue","",[187,188,189,202,222,228,244,259,288,369],"code",{"__ignoreMap":185},[190,191,194,198],"span",{"class":192,"line":193},"line",1,[190,195,197],{"class":196},"sMK4o","\u003C",[190,199,201],{"class":200},"swJcz","FunctionalCalendar\n",[190,203,205,209,212,215,219],{"class":192,"line":204},2,[190,206,208],{"class":207},"spNyl","  v-model",[190,210,211],{"class":196},"=",[190,213,214],{"class":196},"\"",[190,216,218],{"class":217},"sTEyZ","value",[190,220,221],{"class":196},"\"\n",[190,223,225],{"class":192,"line":224},3,[190,226,227],{"class":207},"  is-date-picker\n",[190,229,231,234,236,238,242],{"class":192,"line":230},4,[190,232,233],{"class":207},"  title-position",[190,235,211],{"class":196},[190,237,214],{"class":196},[190,239,241],{"class":240},"sfazB","left",[190,243,221],{"class":196},[190,245,247,250,252,254,257],{"class":192,"line":246},5,[190,248,249],{"class":207},"  arrows-position",[190,251,211],{"class":196},[190,253,214],{"class":196},[190,255,256],{"class":240},"right",[190,258,221],{"class":196},[190,260,262,265,268,270,272,275,278,281,283,286],{"class":192,"line":261},6,[190,263,264],{"class":196},"  :",[190,266,267],{"class":207},"hidden-elements",[190,269,211],{"class":196},[190,271,214],{"class":196},[190,273,274],{"class":217},"[",[190,276,277],{"class":196},"'",[190,279,280],{"class":240},"leftAndRightDays",[190,282,277],{"class":196},[190,284,285],{"class":217},"]",[190,287,221],{"class":196},[190,289,291,293,296,298,300,302,304,307,309,312,315,318,320,322,324,327,329,331,333,336,338,340,342,345,347,349,351,354,356,358,360,363,365,367],{"class":192,"line":290},7,[190,292,264],{"class":196},[190,294,295],{"class":207},"day-names",[190,297,211],{"class":196},[190,299,214],{"class":196},[190,301,274],{"class":217},[190,303,277],{"class":196},[190,305,306],{"class":240},"Mon",[190,308,277],{"class":196},[190,310,311],{"class":196},",",[190,313,314],{"class":196}," '",[190,316,317],{"class":240},"Tue",[190,319,277],{"class":196},[190,321,311],{"class":196},[190,323,314],{"class":196},[190,325,326],{"class":240},"Wed",[190,328,277],{"class":196},[190,330,311],{"class":196},[190,332,314],{"class":196},[190,334,335],{"class":240},"Thu",[190,337,277],{"class":196},[190,339,311],{"class":196},[190,341,314],{"class":196},[190,343,344],{"class":240},"Fri",[190,346,277],{"class":196},[190,348,311],{"class":196},[190,350,314],{"class":196},[190,352,353],{"class":240},"Sat",[190,355,277],{"class":196},[190,357,311],{"class":196},[190,359,314],{"class":196},[190,361,362],{"class":240},"Sun",[190,364,277],{"class":196},[190,366,285],{"class":217},[190,368,221],{"class":196},[190,370,372],{"class":192,"line":371},8,[190,373,374],{"class":217},"\u002F>\n",[376,377,379],"h2",{"id":378},"layout-props","Layout props",[381,382,383,396],"table",{},[384,385,386],"thead",{},[387,388,389,393],"tr",{},[390,391,392],"th",{},"Prop",[390,394,395],{},"Values",[397,398,399,418,434,455,465,478],"tbody",{},[387,400,401,407],{},[402,403,404],"td",{},[187,405,406],{},"titlePosition",[402,408,409,411,412,415,416],{},[187,410,241],{},", ",[187,413,414],{},"center"," (default), ",[187,417,256],{},[387,419,420,425],{},[402,421,422],{},[187,423,424],{},"arrowsPosition",[402,426,427,415,430,411,432],{},[187,428,429],{},"space-between",[187,431,241],{},[187,433,256],{},[387,435,436,441],{},[402,437,438],{},[187,439,440],{},"hiddenElements",[402,442,443,444,411,447,411,449,411,452],{},"Any of ",[187,445,446],{},"dayNames",[187,448,280],{},[187,450,451],{},"month",[187,453,454],{},"presets",[387,456,457,462],{},[402,458,459],{},[187,460,461],{},"isLayoutExpandable",[402,463,464],{},"Drop the reserved rows of short months",[387,466,467,472],{},[402,468,469],{},[187,470,471],{},"transition",[402,473,474,477],{},[187,475,476],{},"false"," turns off the slide between months",[387,479,480,485],{},[402,481,482],{},[187,483,484],{},"sundayStart",[402,486,487],{},"Start the week on Sunday",[489,490,491,494],"p",{},[187,492,493],{},"hiddenElements: ['month']"," hides the whole title row, so the month and year pickers go with it.",[376,496,498],{"id":497},"names","Names",[489,500,501,503,504,507,508,511,512,514],{},[187,502,446],{}," starts on Monday, whatever the week start. The calendar rotates the list to match the week start, so list Monday first. ",[187,505,506],{},"monthNames"," and ",[187,509,510],{},"shortMonthNames"," start on January. ",[187,513,510],{}," appear in the month picker.",[180,516,518],{"className":182,"code":517,"language":184,"meta":185,"style":185},"\u003CFunctionalCalendar\n  :day-names=\"['Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa', 'Di']\"\n  :month-names=\"['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre']\"\n\u002F>\n",[187,519,520,526,603,726],{"__ignoreMap":185},[190,521,522,524],{"class":192,"line":193},[190,523,197],{"class":196},[190,525,201],{"class":200},[190,527,528,530,532,534,536,538,540,543,545,547,549,552,554,556,558,561,563,565,567,570,572,574,576,579,581,583,585,588,590,592,594,597,599,601],{"class":192,"line":204},[190,529,264],{"class":196},[190,531,295],{"class":207},[190,533,211],{"class":196},[190,535,214],{"class":196},[190,537,274],{"class":217},[190,539,277],{"class":196},[190,541,542],{"class":240},"Lu",[190,544,277],{"class":196},[190,546,311],{"class":196},[190,548,314],{"class":196},[190,550,551],{"class":240},"Ma",[190,553,277],{"class":196},[190,555,311],{"class":196},[190,557,314],{"class":196},[190,559,560],{"class":240},"Me",[190,562,277],{"class":196},[190,564,311],{"class":196},[190,566,314],{"class":196},[190,568,569],{"class":240},"Je",[190,571,277],{"class":196},[190,573,311],{"class":196},[190,575,314],{"class":196},[190,577,578],{"class":240},"Ve",[190,580,277],{"class":196},[190,582,311],{"class":196},[190,584,314],{"class":196},[190,586,587],{"class":240},"Sa",[190,589,277],{"class":196},[190,591,311],{"class":196},[190,593,314],{"class":196},[190,595,596],{"class":240},"Di",[190,598,277],{"class":196},[190,600,285],{"class":217},[190,602,221],{"class":196},[190,604,605,607,610,612,614,616,618,621,623,625,627,630,632,634,636,639,641,643,645,648,650,652,654,657,659,661,663,666,668,670,672,675,677,679,681,684,686,688,690,693,695,697,699,702,704,706,708,711,713,715,717,720,722,724],{"class":192,"line":224},[190,606,264],{"class":196},[190,608,609],{"class":207},"month-names",[190,611,211],{"class":196},[190,613,214],{"class":196},[190,615,274],{"class":217},[190,617,277],{"class":196},[190,619,620],{"class":240},"Janvier",[190,622,277],{"class":196},[190,624,311],{"class":196},[190,626,314],{"class":196},[190,628,629],{"class":240},"Février",[190,631,277],{"class":196},[190,633,311],{"class":196},[190,635,314],{"class":196},[190,637,638],{"class":240},"Mars",[190,640,277],{"class":196},[190,642,311],{"class":196},[190,644,314],{"class":196},[190,646,647],{"class":240},"Avril",[190,649,277],{"class":196},[190,651,311],{"class":196},[190,653,314],{"class":196},[190,655,656],{"class":240},"Mai",[190,658,277],{"class":196},[190,660,311],{"class":196},[190,662,314],{"class":196},[190,664,665],{"class":240},"Juin",[190,667,277],{"class":196},[190,669,311],{"class":196},[190,671,314],{"class":196},[190,673,674],{"class":240},"Juillet",[190,676,277],{"class":196},[190,678,311],{"class":196},[190,680,314],{"class":196},[190,682,683],{"class":240},"Août",[190,685,277],{"class":196},[190,687,311],{"class":196},[190,689,314],{"class":196},[190,691,692],{"class":240},"Septembre",[190,694,277],{"class":196},[190,696,311],{"class":196},[190,698,314],{"class":196},[190,700,701],{"class":240},"Octobre",[190,703,277],{"class":196},[190,705,311],{"class":196},[190,707,314],{"class":196},[190,709,710],{"class":240},"Novembre",[190,712,277],{"class":196},[190,714,311],{"class":196},[190,716,314],{"class":196},[190,718,719],{"class":240},"Décembre",[190,721,277],{"class":196},[190,723,285],{"class":217},[190,725,221],{"class":196},[190,727,728],{"class":192,"line":230},[190,729,374],{"class":217},[489,731,732,733,739],{},"To derive names from the browser instead, use ",[734,735,736],"a",{"href":82},[187,737,738],{},"locale",". Explicit names win over a locale.",[376,741,743],{"id":742},"your-own-markup","Your own markup",[489,745,746,747,750,751,754],{},"Slots replace the day, arrows, footer and inputs, see ",[734,748,749],{"href":107},"slots",". The ",[187,752,753],{},"vfc-*"," class names are stable, so your CSS from 2.x keeps working.",[756,757,758],"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);}",{"title":185,"searchDepth":204,"depth":204,"links":760},[761,762,763],{"id":378,"depth":204,"text":379},{"id":497,"depth":204,"text":498},{"id":742,"depth":204,"text":743},"Hide parts, move the title and arrows, and rename days and months.","md",null,{},{"icon":64},{"title":61,"description":764},"9MtPd6gwk7Le-lYUw8lRu6Ek11GIS69zP9dloGQkfug",[772,774],{"title":56,"path":57,"stem":58,"description":773,"icon":59,"children":-1},"Mark dates and ranges, and show week numbers.",{"title":66,"path":67,"stem":68,"description":775,"icon":69,"children":-1},"Style the calendar with --vfc-* custom properties, in light and dark.",1792736103293]