[{"data":1,"prerenderedAt":559},["ShallowReactive",2],{"navigation_docs":3,"-examples-multiple-calendars":170,"-examples-multiple-calendars-surround":554},[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":41,"body":172,"description":547,"extension":548,"links":549,"meta":550,"navigation":551,"path":120,"seo":552,"stem":121,"__hash__":553},"docs\u002F3.examples\u002F02.multiple-calendars.md",{"type":173,"value":174,"toc":541},"minimark",[175,188,193,196,285,289,300,391,395,401,460,464,470,537],[176,177,178,179,183,184,187],"p",{},"Set ",[180,181,182],"code",{},"isMultiple"," and ",[180,185,186],{},"calendarsCount",". The calendars wrap to fit the available width.",[189,190,192],"h2",{"id":191},"linked-months","Linked months",[176,194,195],{},"The calendars move together. The arrows and pickers belong to the first calendar.",[197,198,200],"calendar-demo",{":config":199},"{\"isDateRange\":true,\"isMultiple\":true,\"calendarsCount\":2,\"canClearRange\":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\n  v-model=\"value\"\n  is-date-range\n  is-multiple\n  :calendars-count=\"2\"\n  can-clear-range\n\u002F>\n","vue","",[180,208,209,222,242,248,254,273,279],{"__ignoreMap":206},[210,211,214,218],"span",{"class":212,"line":213},"line",1,[210,215,217],{"class":216},"sMK4o","\u003C",[210,219,221],{"class":220},"swJcz","FunctionalCalendar\n",[210,223,225,229,232,235,239],{"class":212,"line":224},2,[210,226,228],{"class":227},"spNyl","  v-model",[210,230,231],{"class":216},"=",[210,233,234],{"class":216},"\"",[210,236,238],{"class":237},"sTEyZ","value",[210,240,241],{"class":216},"\"\n",[210,243,245],{"class":212,"line":244},3,[210,246,247],{"class":227},"  is-date-range\n",[210,249,251],{"class":212,"line":250},4,[210,252,253],{"class":227},"  is-multiple\n",[210,255,257,260,263,265,267,271],{"class":212,"line":256},5,[210,258,259],{"class":216},"  :",[210,261,262],{"class":227},"calendars-count",[210,264,231],{"class":216},[210,266,234],{"class":216},[210,268,270],{"class":269},"sbssI","2",[210,272,241],{"class":216},[210,274,276],{"class":212,"line":275},6,[210,277,278],{"class":227},"  can-clear-range\n",[210,280,282],{"class":212,"line":281},7,[210,283,284],{"class":237},"\u002F>\n",[189,286,288],{"id":287},"independent-months","Independent months",[176,290,291,292,295,296,299],{},"With ",[180,293,294],{},"isSeparately",", each calendar has its own arrows and pickers. ",[180,297,298],{},"changeYearStep"," of 1 pages the year list one year at a time.",[197,301,303],{":config":302},"{\"isDateRange\":true,\"isMultiple\":true,\"isSeparately\":true,\"calendarsCount\":2,\"changeMonthFunction\":true,\"changeYearFunction\":true,\"changeYearStep\":1,\"canClearRange\":true}",[201,304,306],{"className":203,"code":305,"language":205,"meta":206,"style":206},"\u003CFunctionalCalendar\n  v-model=\"value\"\n  is-date-range\n  is-multiple\n  is-separately\n  :calendars-count=\"2\"\n  change-month-function\n  change-year-function\n  :change-year-step=\"1\"\n  can-clear-range\n\u002F>\n",[180,307,308,314,326,330,334,339,353,358,364,381,386],{"__ignoreMap":206},[210,309,310,312],{"class":212,"line":213},[210,311,217],{"class":216},[210,313,221],{"class":220},[210,315,316,318,320,322,324],{"class":212,"line":224},[210,317,228],{"class":227},[210,319,231],{"class":216},[210,321,234],{"class":216},[210,323,238],{"class":237},[210,325,241],{"class":216},[210,327,328],{"class":212,"line":244},[210,329,247],{"class":227},[210,331,332],{"class":212,"line":250},[210,333,253],{"class":227},[210,335,336],{"class":212,"line":256},[210,337,338],{"class":227},"  is-separately\n",[210,340,341,343,345,347,349,351],{"class":212,"line":275},[210,342,259],{"class":216},[210,344,262],{"class":227},[210,346,231],{"class":216},[210,348,234],{"class":216},[210,350,270],{"class":269},[210,352,241],{"class":216},[210,354,355],{"class":212,"line":281},[210,356,357],{"class":227},"  change-month-function\n",[210,359,361],{"class":212,"line":360},8,[210,362,363],{"class":227},"  change-year-function\n",[210,365,367,369,372,374,376,379],{"class":212,"line":366},9,[210,368,259],{"class":216},[210,370,371],{"class":227},"change-year-step",[210,373,231],{"class":216},[210,375,234],{"class":216},[210,377,378],{"class":269},"1",[210,380,241],{"class":216},[210,382,384],{"class":212,"line":383},10,[210,385,278],{"class":227},[210,387,389],{"class":212,"line":388},11,[210,390,284],{"class":237},[189,392,394],{"id":393},"three-calendars-with-a-stable-height","Three calendars with a stable height",[176,396,397,400],{},[180,398,399],{},"isLayoutExpandable"," lets a month with five weeks stay short. Without it, every calendar reserves six rows so the layout never jumps.",[197,402,404],{":config":403},"{\"isDatePicker\":true,\"isMultiple\":true,\"calendarsCount\":3,\"isLayoutExpandable\":true}",[201,405,407],{"className":203,"code":406,"language":205,"meta":206,"style":206},"\u003CFunctionalCalendar\n  v-model=\"value\"\n  is-date-picker\n  is-multiple\n  :calendars-count=\"3\"\n  is-layout-expandable\n\u002F>\n",[180,408,409,415,427,432,436,451,456],{"__ignoreMap":206},[210,410,411,413],{"class":212,"line":213},[210,412,217],{"class":216},[210,414,221],{"class":220},[210,416,417,419,421,423,425],{"class":212,"line":224},[210,418,228],{"class":227},[210,420,231],{"class":216},[210,422,234],{"class":216},[210,424,238],{"class":237},[210,426,241],{"class":216},[210,428,429],{"class":212,"line":244},[210,430,431],{"class":227},"  is-date-picker\n",[210,433,434],{"class":212,"line":250},[210,435,253],{"class":227},[210,437,438,440,442,444,446,449],{"class":212,"line":256},[210,439,259],{"class":216},[210,441,262],{"class":227},[210,443,231],{"class":216},[210,445,234],{"class":216},[210,447,448],{"class":269},"3",[210,450,241],{"class":216},[210,452,453],{"class":212,"line":275},[210,454,455],{"class":227},"  is-layout-expandable\n",[210,457,458],{"class":212,"line":281},[210,459,284],{"class":237},[189,461,463],{"id":462},"step-by-more-than-one-month","Step by more than one month",[176,465,466,469],{},[180,467,468],{},"changeMonthStep"," sets how many months the arrows move.",[197,471,473],{":config":472},"{\"isDatePicker\":true,\"isMultiple\":true,\"calendarsCount\":2,\"changeMonthStep\":2}",[201,474,476],{"className":203,"code":475,"language":205,"meta":206,"style":206},"\u003CFunctionalCalendar\n  v-model=\"value\"\n  is-date-picker\n  is-multiple\n  :calendars-count=\"2\"\n  :change-month-step=\"2\"\n\u002F>\n",[180,477,478,484,496,500,504,518,533],{"__ignoreMap":206},[210,479,480,482],{"class":212,"line":213},[210,481,217],{"class":216},[210,483,221],{"class":220},[210,485,486,488,490,492,494],{"class":212,"line":224},[210,487,228],{"class":227},[210,489,231],{"class":216},[210,491,234],{"class":216},[210,493,238],{"class":237},[210,495,241],{"class":216},[210,497,498],{"class":212,"line":244},[210,499,431],{"class":227},[210,501,502],{"class":212,"line":250},[210,503,253],{"class":227},[210,505,506,508,510,512,514,516],{"class":212,"line":256},[210,507,259],{"class":216},[210,509,262],{"class":227},[210,511,231],{"class":216},[210,513,234],{"class":216},[210,515,270],{"class":269},[210,517,241],{"class":216},[210,519,520,522,525,527,529,531],{"class":212,"line":275},[210,521,259],{"class":216},[210,523,524],{"class":227},"change-month-step",[210,526,231],{"class":216},[210,528,234],{"class":216},[210,530,270],{"class":269},[210,532,241],{"class":216},[210,534,535],{"class":212,"line":281},[210,536,284],{"class":237},[538,539,540],"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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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":206,"searchDepth":224,"depth":224,"links":542},[543,544,545,546],{"id":191,"depth":224,"text":192},{"id":287,"depth":224,"text":288},{"id":393,"depth":224,"text":394},{"id":462,"depth":224,"text":463},"Show two or three months side by side, linked or independent.","md",null,{},{"icon":44},{"title":41,"description":547},"thVFyNDN1TvlEsLfi6Oj5Y35ZVpwFFPyrFX14mf24uI",[555,557],{"title":36,"path":117,"stem":118,"description":556,"icon":39,"children":-1},"Pick one date, a range, several dates or several ranges.",{"title":123,"path":124,"stem":125,"description":558,"icon":79,"children":-1},"Open the calendar from an input, type dates, or replace the inputs.",1792736104246]