[{"data":1,"prerenderedAt":848},["ShallowReactive",2],{"navigation_docs":3,"-essentials-events":170,"-essentials-events-surround":843},[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":101,"body":172,"description":836,"extension":837,"links":838,"meta":839,"navigation":840,"path":102,"seo":841,"stem":103,"__hash__":842},"docs\u002F2.essentials\u002F14.events.md",{"type":173,"value":174,"toc":830},"minimark",[175,319,555,567,571,574,623,632,636,645,648,661,806,810,826],[176,177,178,194],"table",{},[179,180,181],"thead",{},[182,183,184,188,191],"tr",{},[185,186,187],"th",{},"Event",[185,189,190],{},"Payload",[185,192,193],{},"When",[195,196,197,212,225,237,250,262,277,290,305],"tbody",{},[182,198,199,206,209],{},[200,201,202],"td",{},[203,204,205],"code",{},"update:modelValue",[200,207,208],{},"The calendar state object",[200,210,211],{},"After a selection or a preset, and when the displayed month changes",[182,213,214,219,222],{},[200,215,216],{},[203,217,218],{},"opened",[200,220,221],{},"none",[200,223,224],{},"The calendar becomes visible",[182,226,227,232,234],{},[200,228,229],{},[203,230,231],{},"closed",[200,233,221],{},[200,235,236],{},"The calendar is hidden",[182,238,239,244,247],{},[200,240,241],{},[203,242,243],{},"dayClicked",[200,245,246],{},"The day object",[200,248,249],{},"Any click or Enter on a day, even a disabled one",[182,251,252,257,259],{},[200,253,254],{},[203,255,256],{},"choseDay",[200,258,246],{},[200,260,261],{},"A day was selected",[182,263,264,269,274],{},[200,265,266],{},[203,267,268],{},"selectedDaysCount",[200,270,271],{},[203,272,273],{},"number",[200,275,276],{},"A range has both ends. The payload is the difference in days",[182,278,279,284,287],{},[200,280,281],{},[203,282,283],{},"dayMouseOver",[200,285,286],{},"A date string",[200,288,289],{},"The pointer or the keyboard focus moves over a day",[182,291,292,297,302],{},[200,293,294],{},[203,295,296],{},"changedMonth",[200,298,299],{},[203,300,301],{},"Date",[200,303,304],{},"The first visible month changed",[182,306,307,312,316],{},[200,308,309],{},[203,310,311],{},"changedYear",[200,313,314],{},[203,315,301],{},[200,317,318],{},"The year changed",[320,321,326],"pre",{"className":322,"code":323,"language":324,"meta":325,"style":325},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CFunctionalCalendar\n  v-model=\"value\"\n  is-date-range\n  @day-clicked=\"day => console.log('clicked', day.date)\"\n  @chose-day=\"day => console.log('chose', day.date)\"\n  @selected-days-count=\"count => console.log(count, 'days')\"\n  @changed-month=\"date => console.log(date.getMonth() + 1)\"\n\u002F>\n","vue","",[203,327,328,341,361,367,422,463,504,549],{"__ignoreMap":325},[329,330,333,337],"span",{"class":331,"line":332},"line",1,[329,334,336],{"class":335},"sMK4o","\u003C",[329,338,340],{"class":339},"swJcz","FunctionalCalendar\n",[329,342,344,348,351,354,358],{"class":331,"line":343},2,[329,345,347],{"class":346},"spNyl","  v-model",[329,349,350],{"class":335},"=",[329,352,353],{"class":335},"\"",[329,355,357],{"class":356},"sTEyZ","value",[329,359,360],{"class":335},"\"\n",[329,362,364],{"class":331,"line":363},3,[329,365,366],{"class":346},"  is-date-range\n",[329,368,370,373,376,378,380,384,387,390,393,397,400,403,407,409,412,415,417,420],{"class":331,"line":369},4,[329,371,372],{"class":335},"  @",[329,374,375],{"class":346},"day-clicked",[329,377,350],{"class":335},[329,379,353],{"class":335},[329,381,383],{"class":382},"sHdIc","day",[329,385,386],{"class":346}," =>",[329,388,389],{"class":356}," console",[329,391,392],{"class":335},".",[329,394,396],{"class":395},"s2Zo4","log",[329,398,399],{"class":356},"(",[329,401,402],{"class":335},"'",[329,404,406],{"class":405},"sfazB","clicked",[329,408,402],{"class":335},[329,410,411],{"class":335},",",[329,413,414],{"class":356}," day",[329,416,392],{"class":335},[329,418,419],{"class":356},"date)",[329,421,360],{"class":335},[329,423,425,427,430,432,434,436,438,440,442,444,446,448,451,453,455,457,459,461],{"class":331,"line":424},5,[329,426,372],{"class":335},[329,428,429],{"class":346},"chose-day",[329,431,350],{"class":335},[329,433,353],{"class":335},[329,435,383],{"class":382},[329,437,386],{"class":346},[329,439,389],{"class":356},[329,441,392],{"class":335},[329,443,396],{"class":395},[329,445,399],{"class":356},[329,447,402],{"class":335},[329,449,450],{"class":405},"chose",[329,452,402],{"class":335},[329,454,411],{"class":335},[329,456,414],{"class":356},[329,458,392],{"class":335},[329,460,419],{"class":356},[329,462,360],{"class":335},[329,464,466,468,471,473,475,478,480,482,484,486,489,491,494,497,499,502],{"class":331,"line":465},6,[329,467,372],{"class":335},[329,469,470],{"class":346},"selected-days-count",[329,472,350],{"class":335},[329,474,353],{"class":335},[329,476,477],{"class":382},"count",[329,479,386],{"class":346},[329,481,389],{"class":356},[329,483,392],{"class":335},[329,485,396],{"class":395},[329,487,488],{"class":356},"(count",[329,490,411],{"class":335},[329,492,493],{"class":335}," '",[329,495,496],{"class":405},"days",[329,498,402],{"class":335},[329,500,501],{"class":356},")",[329,503,360],{"class":335},[329,505,507,509,512,514,516,519,521,523,525,527,530,532,535,538,541,545,547],{"class":331,"line":506},7,[329,508,372],{"class":335},[329,510,511],{"class":346},"changed-month",[329,513,350],{"class":335},[329,515,353],{"class":335},[329,517,518],{"class":382},"date",[329,520,386],{"class":346},[329,522,389],{"class":356},[329,524,392],{"class":335},[329,526,396],{"class":395},[329,528,529],{"class":356},"(date",[329,531,392],{"class":335},[329,533,534],{"class":395},"getMonth",[329,536,537],{"class":356},"() ",[329,539,540],{"class":335},"+",[329,542,544],{"class":543},"sbssI"," 1",[329,546,501],{"class":356},[329,548,360],{"class":335},[329,550,552],{"class":331,"line":551},8,[329,553,554],{"class":356},"\u002F>\n",[556,557,558,559,562,563,566],"p",{},"Event names are camelCase in the component. In a template, ",[203,560,561],{},"@day-clicked"," and ",[203,564,565],{},"@dayClicked"," both work.",[568,569,205],"h2",{"id":570},"updatemodelvalue",[556,572,573],{},"The payload is the calendar's own state object, the same reference each time. Typed dates, the time picker and the clear button change that object in place without emitting. To react to every change, watch the bound value deeply.",[320,575,579],{"className":576,"code":577,"language":578,"meta":325,"style":325},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","watch(value, next => save(next), { deep: true })\n","js",[203,580,581],{"__ignoreMap":325},[329,582,583,586,589,591,594,596,599,602,604,607,610,613,617,620],{"class":331,"line":332},[329,584,585],{"class":395},"watch",[329,587,588],{"class":356},"(value",[329,590,411],{"class":335},[329,592,593],{"class":382}," next",[329,595,386],{"class":346},[329,597,598],{"class":395}," save",[329,600,601],{"class":356},"(next)",[329,603,411],{"class":335},[329,605,606],{"class":335}," {",[329,608,609],{"class":339}," deep",[329,611,612],{"class":335},":",[329,614,616],{"class":615},"sfNiH"," true",[329,618,619],{"class":335}," }",[329,621,622],{"class":356},")\n",[556,624,625,626,631],{},"A preset emits it once, with the final state. See ",[627,628,630],"a",{"href":629},"\u002Fgetting-started\u002Fusage#the-bound-value","the bound value"," for the keys.",[568,633,635],{"id":634},"opened-and-closed","opened and closed",[556,637,638,639,641,642,644],{},"The calendar emits one of them when it mounts, with its initial state. An inline calendar is open, so it emits ",[203,640,218],{},". A modal calendar emits ",[203,643,231],{},". After that they fire when the modal opens or closes.",[568,646,246],{"id":647},"the-day-object",[556,649,650,562,652,654,655,657,658,392],{},[203,651,243],{},[203,653,256],{}," receive this object. With a range and the time picker on, ",[203,656,518],{}," has the suffix ",[203,659,660],{}," 00:00",[176,662,663,676],{},[179,664,665],{},[182,666,667,670,673],{},[185,668,669],{},"Key",[185,671,672],{},"Type",[185,674,675],{},"Description",[195,677,678,691,708,723,737,751,772,792],{},[182,679,680,684,688],{},[200,681,682],{},[203,683,383],{},[200,685,686],{},[203,687,273],{},[200,689,690],{},"Day of the month",[182,692,693,697,702],{},[200,694,695],{},[203,696,518],{},[200,698,699],{},[203,700,701],{},"string",[200,703,704,705],{},"The date in ",[203,706,707],{},"dateFormat",[182,709,710,715,720],{},[200,711,712],{},[203,713,714],{},"hide",[200,716,717],{},[203,718,719],{},"boolean",[200,721,722],{},"A day of a neighbor month, or a disabled weekday",[182,724,725,730,734],{},[200,726,727],{},[203,728,729],{},"isToday",[200,731,732],{},[203,733,719],{},[200,735,736],{},"Today",[182,738,739,744,748],{},[200,740,741],{},[203,742,743],{},"isMarked",[200,745,746],{},[203,747,719],{},[200,749,750],{},"Part of the selection or marked",[182,752,753,762,766],{},[200,754,755,758,759],{},[203,756,757],{},"isDateRangeStart",", ",[203,760,761],{},"isDateRangeEnd",[200,763,764],{},[203,765,719],{},[200,767,768,769],{},"Start or end of ",[203,770,771],{},"markedDateRange",[182,773,774,785,789],{},[200,775,776,758,779,758,782],{},[203,777,778],{},"isMouseToLeft",[203,780,781],{},"isMouseToRight",[203,783,784],{},"isHovered",[200,786,787],{},[203,788,719],{},[200,790,791],{},"Range preview state",[182,793,794,799,803],{},[200,795,796],{},[203,797,798],{},"hideLeftAndRightDays",[200,800,801],{},[203,802,719],{},[200,804,805],{},"A hidden neighbor day",[568,807,809],{"id":808},"not-emitted-by-presets","Not emitted by presets",[556,811,812,813,815,816,818,819,821,822,392],{},"A preset emits ",[203,814,205],{}," once and no ",[203,817,243],{}," or ",[203,820,256],{},". See ",[627,823,825],{"href":824},"\u002Fessentials\u002Fpresets#events","presets",[827,828,829],"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 .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}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}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);}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":325,"searchDepth":343,"depth":343,"links":831},[832,833,834,835],{"id":570,"depth":343,"text":205},{"id":634,"depth":343,"text":635},{"id":647,"depth":343,"text":246},{"id":808,"depth":343,"text":809},"Every event and its payload.","md",null,{},{"icon":104},{"title":101,"description":836},"dVwaohwc5kOd2qD1QtBWNk0fLrfoL3LmR5VedZ4EZm4",[844,846],{"title":96,"path":97,"stem":98,"description":845,"icon":99,"children":-1},"Every prop, with its type and default.",{"title":106,"path":107,"stem":108,"description":847,"icon":109,"children":-1},"Replace parts of the calendar with your own markup.",1792736104145]