[{"data":1,"prerenderedAt":994},["ShallowReactive",2],{"i-ph:magnifying-glass":3,"i-ph:circle":8,"i-ph:moon":10,"i-ph:github-logo":12,"i-ph:brackets-curly":14,"i-ph:file-css":16,"i-ph:rectangle-dashed":18,"i-ph:arrow-left":20,"i-ph:arrow-right":22,"components-calendar":24},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"M208.31 75.68A59.78 59.78 0 0 0 202.93 28a8 8 0 0 0-6.93-4a59.75 59.75 0 0 0-48 24h-24a59.75 59.75 0 0 0-48-24a8 8 0 0 0-6.93 4a59.78 59.78 0 0 0-5.38 47.68A58.14 58.14 0 0 0 56 104v8a56.06 56.06 0 0 0 48.44 55.47A39.8 39.8 0 0 0 96 192v8H72a24 24 0 0 1-24-24a40 40 0 0 0-40-40a8 8 0 0 0 0 16a24 24 0 0 1 24 24a40 40 0 0 0 40 40h24v16a8 8 0 0 0 16 0v-40a24 24 0 0 1 48 0v40a8 8 0 0 0 16 0v-40a39.8 39.8 0 0 0-8.44-24.53A56.06 56.06 0 0 0 216 112v-8a58.14 58.14 0 0 0-7.69-28.32M200 112a40 40 0 0 1-40 40h-48a40 40 0 0 1-40-40v-8a41.74 41.74 0 0 1 6.9-22.48a8 8 0 0 0 1.1-7.69a43.8 43.8 0 0 1 .79-33.58a43.88 43.88 0 0 1 32.32 20.06a8 8 0 0 0 6.71 3.69h32.35a8 8 0 0 0 6.74-3.69a43.87 43.87 0 0 1 32.32-20.06a43.8 43.8 0 0 1 .77 33.58a8.09 8.09 0 0 0 1 7.65a41.7 41.7 0 0 1 7 22.52Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"currentColor\" d=\"M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74c0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36c0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36c0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36c0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36c0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26a29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74c0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26c4.8-9.9 4.8-22 4.8-33.74c0-24.31 1-36 24-36a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66a8 8 0 1 1 11.55 11.06A30 30 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30 30 0 0 1 21.77 9.6a8 8 0 1 1-11.55 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20m79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84c-1.26-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.83-.56a8 8 0 0 0 4.07-15.48c-2.12-.55-21-5.22-32.83 2.76a20.55 20.55 0 0 0-9 14.95c-2 15.88 13.64 20.41 23 23.11c12.07 3.49 13.13 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.14 3.93c-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.3 15.41a61.2 61.2 0 0 0 15.18 2c5.83 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.25-17.28-14.27-22.11-24.15-24.97m64 0c-4-1.16-8.14-2.35-10.45-3.84c-1.25-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11c12.06 3.49 13.12 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.15 3.93c-4.6 3.06-15.16 1.56-19.54.36a8 8 0 0 0-4.3 15.44a61.3 61.3 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0m120-32h28.68L160 51.31Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M80 48a8 8 0 0 1-8 8H40v16a8 8 0 0 1-16 0V56a16 16 0 0 1 16-16h32a8 8 0 0 1 8 8M32 152a8 8 0 0 0 8-8v-32a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8m40 48H40v-16a8 8 0 0 0-16 0v16a16 16 0 0 0 16 16h32a8 8 0 0 0 0-16m72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m80-24a8 8 0 0 0-8 8v16h-32a8 8 0 0 0 0 16h32a16 16 0 0 0 16-16v-16a8 8 0 0 0-8-8m0-72a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-8-64h-32a8 8 0 0 0 0 16h32v16a8 8 0 0 0 16 0V56a16 16 0 0 0-16-16m-72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"currentColor\" d=\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"currentColor\" d=\"m221.66 133.66l-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32\"/>",{"id":25,"title":26,"body":27,"description":987,"extension":988,"meta":989,"navigation":139,"path":990,"seo":991,"stem":992,"__hash__":993},"docs/docs/components/calendar.md","Calendar",{"type":28,"value":29,"toc":981},"minimark",[30,34,46,228,233,242,398,402,433,437,445,449,454,621,625,817,820,977],[31,32,26],"h1",{"id":33},"calendar",[35,36,37,38,45],"p",{},"A date picker component that allows users to select dates and times. It's built on top of ",[39,40,44],"a",{"href":41,"rel":42},"https://vue3datepicker.com/installation/",[43],"nofollow","Vue Datepicker"," and provides a consistent look and feel with the rest of the UI components.",[47,48,49],"calendar-example",{},[50,51,56],"pre",{"className":52,"code":53,"language":54,"meta":55,"style":55},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Calendar, Flex } from '@dolanske/vui'\nimport { ref } from 'vue'\n\nconst date = ref(new Date())\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CCalendar v-model=\"date\" />\n\u003C/template>\n","vue","",[57,58,59,79,114,134,141,169,179,184,194,219],"code",{"__ignoreMap":55},[60,61,64,68,72,76],"span",{"class":62,"line":63},"line",1,[60,65,67],{"class":66},"sP76a","\u003C",[60,69,71],{"class":70},"sKpE2","script",[60,73,75],{"class":74},"sflEz"," setup",[60,77,78],{"class":66},">\n",[60,80,82,85,88,91,94,97,100,103,107,111],{"class":62,"line":81},2,[60,83,84],{"class":70},"import",[60,86,87],{"class":66}," {",[60,89,90],{"class":74}," Calendar",[60,92,93],{"class":66},",",[60,95,96],{"class":74}," Flex",[60,98,99],{"class":66}," }",[60,101,102],{"class":70}," from",[60,104,106],{"class":105},"sBR95"," '",[60,108,110],{"class":109},"sfmH-","@dolanske/vui",[60,112,113],{"class":105},"'\n",[60,115,117,119,121,124,126,128,130,132],{"class":62,"line":116},3,[60,118,84],{"class":70},[60,120,87],{"class":66},[60,122,123],{"class":74}," ref",[60,125,99],{"class":66},[60,127,102],{"class":70},[60,129,106],{"class":105},[60,131,54],{"class":109},[60,133,113],{"class":105},[60,135,137],{"class":62,"line":136},4,[60,138,140],{"emptyLinePlaceholder":139},true,"\n",[60,142,144,148,151,154,157,160,163,166],{"class":62,"line":143},5,[60,145,147],{"class":146},"sCMWV","const",[60,149,150],{"class":74}," date",[60,152,153],{"class":66}," =",[60,155,123],{"class":156},"sRTv0",[60,158,159],{"class":66},"(",[60,161,162],{"class":146},"new",[60,164,165],{"class":156}," Date",[60,167,168],{"class":66},"())\n",[60,170,172,175,177],{"class":62,"line":171},6,[60,173,174],{"class":66},"\u003C/",[60,176,71],{"class":70},[60,178,78],{"class":66},[60,180,182],{"class":62,"line":181},7,[60,183,140],{"emptyLinePlaceholder":139},[60,185,187,189,192],{"class":62,"line":186},8,[60,188,67],{"class":66},[60,190,191],{"class":70},"template",[60,193,78],{"class":66},[60,195,197,200,202,205,208,211,214,216],{"class":62,"line":196},9,[60,198,199],{"class":66},"  \u003C",[60,201,26],{"class":70},[60,203,204],{"class":156}," v-model",[60,206,207],{"class":66},"=",[60,209,210],{"class":66},"\"",[60,212,213],{"class":74},"date",[60,215,210],{"class":66},[60,217,218],{"class":66}," />\n",[60,220,222,224,226],{"class":62,"line":221},10,[60,223,174],{"class":66},[60,225,191],{"class":70},[60,227,78],{"class":66},[229,230,232],"h3",{"id":231},"props","Props",[35,234,235,236,241],{},"The Calendar component accepts all the props listed in the ",[39,237,240],{"href":238,"rel":239},"https://vue3datepicker.com/props/modes/",[43],"official documentation",". Vuil builds on top of this and customizes this with a few defaults:",[243,244,245,261],"table",{},[246,247,248],"thead",{},[249,250,251,255,258],"tr",{},[252,253,254],"th",{},"Name",[252,256,257],{},"Default",[252,259,260],{},"Type",[262,263,264,287,305,325,344,363,381],"tbody",{},[249,265,266,272,277],{},[267,268,269],"td",{},[57,270,271],{},"autoApply",[267,273,274],{},[57,275,276],{},"true",[267,278,279,282,283,286],{},[57,280,281],{},"boolean"," ",[284,285],"br",{}," Automatically apply the selected date when clicking on a day",[249,288,289,294,298],{},[267,290,291],{},[57,292,293],{},"autoPosition",[267,295,296],{},[57,297,276],{},[267,299,300,282,302,304],{},[57,301,281],{},[284,303],{}," Automatically position the calendar popup",[249,306,307,312,317],{},[267,308,309],{},[57,310,311],{},"format",[267,313,314],{},[57,315,316],{},"'dd/MM/yyyy HH:mm'",[267,318,319,282,322,324],{},[57,320,321],{},"string",[284,323],{}," Format of the displayed date",[249,326,327,332,337],{},[267,328,329],{},[57,330,331],{},"monthNameFormat",[267,333,334],{},[57,335,336],{},"'long'",[267,338,339,282,341,343],{},[57,340,321],{},[284,342],{}," Format of the month name in the header",[249,345,346,351,356],{},[267,347,348],{},[57,349,350],{},"expand",[267,352,353],{},[57,354,355],{},"false",[267,357,358,282,360,362],{},[57,359,281],{},[284,361],{}," Makes the calendar input expand to full width",[249,364,365,370,374],{},[267,366,367],{},[57,368,369],{},"inline",[267,371,372],{},[57,373,355],{},[267,375,376,282,378,380],{},[57,377,281],{},[284,379],{}," Renders the calendar inline instead of as a popup",[249,382,383,388,391],{},[267,384,385],{},[57,386,387],{},"dark",[267,389,390],{},"Based on theme",[267,392,393,282,395,397],{},[57,394,281],{},[284,396],{}," Enables dark mode for the calendar",[229,399,401],{"id":400},"slots","Slots",[243,403,404,416],{},[246,405,406],{},[249,407,408,410,413],{},[252,409,254],{},[252,411,412],{},"Accepts",[252,414,415],{},"Description",[262,417,418],{},[249,419,420,425,430],{},[267,421,422],{},[57,423,424],{},"trigger",[267,426,427],{},[57,428,429],{},"any",[267,431,432],{},"Custom trigger element to open the calendar popup when clicked",[229,434,436],{"id":435},"events","Events",[35,438,439,440,444],{},"All events emitted by the component are described here in the ",[39,441,240],{"href":442,"rel":443},"https://vue3datepicker.com/methods-and-events/events/",[43],".",[229,446,448],{"id":447},"examples","Examples",[450,451,453],"h4",{"id":452},"date-range-selection","Date Range Selection",[455,456,457],"calendar-date-range-example",{},[50,458,460],{"className":52,"code":459,"language":54,"meta":55,"style":55},"\u003Cscript setup>\nimport { Calendar } from '@dolanske/vui'\nimport { ref } from 'vue'\n\nconst dateRange = ref([])\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CCalendar\n    v-model=\"dateRange\"\n    range\n    :enable-time-picker=\"false\"\n    format=\"dd/MM/yyyy\"\n  />\n\u003C/template>\n",[57,461,462,472,490,508,512,526,534,538,546,553,568,574,591,606,612],{"__ignoreMap":55},[60,463,464,466,468,470],{"class":62,"line":63},[60,465,67],{"class":66},[60,467,71],{"class":70},[60,469,75],{"class":74},[60,471,78],{"class":66},[60,473,474,476,478,480,482,484,486,488],{"class":62,"line":81},[60,475,84],{"class":70},[60,477,87],{"class":66},[60,479,90],{"class":74},[60,481,99],{"class":66},[60,483,102],{"class":70},[60,485,106],{"class":105},[60,487,110],{"class":109},[60,489,113],{"class":105},[60,491,492,494,496,498,500,502,504,506],{"class":62,"line":116},[60,493,84],{"class":70},[60,495,87],{"class":66},[60,497,123],{"class":74},[60,499,99],{"class":66},[60,501,102],{"class":70},[60,503,106],{"class":105},[60,505,54],{"class":109},[60,507,113],{"class":105},[60,509,510],{"class":62,"line":136},[60,511,140],{"emptyLinePlaceholder":139},[60,513,514,516,519,521,523],{"class":62,"line":143},[60,515,147],{"class":146},[60,517,518],{"class":74}," dateRange",[60,520,153],{"class":66},[60,522,123],{"class":156},[60,524,525],{"class":66},"([])\n",[60,527,528,530,532],{"class":62,"line":171},[60,529,174],{"class":66},[60,531,71],{"class":70},[60,533,78],{"class":66},[60,535,536],{"class":62,"line":181},[60,537,140],{"emptyLinePlaceholder":139},[60,539,540,542,544],{"class":62,"line":186},[60,541,67],{"class":66},[60,543,191],{"class":70},[60,545,78],{"class":66},[60,547,548,550],{"class":62,"line":196},[60,549,199],{"class":66},[60,551,552],{"class":70},"Calendar\n",[60,554,555,558,560,562,565],{"class":62,"line":221},[60,556,557],{"class":156},"    v-model",[60,559,207],{"class":66},[60,561,210],{"class":66},[60,563,564],{"class":74},"dateRange",[60,566,567],{"class":66},"\"\n",[60,569,571],{"class":62,"line":570},11,[60,572,573],{"class":74},"    range\n",[60,575,577,580,583,585,587,589],{"class":62,"line":576},12,[60,578,579],{"class":66},"    :",[60,581,582],{"class":156},"enable-time-picker",[60,584,207],{"class":66},[60,586,210],{"class":66},[60,588,355],{"class":70},[60,590,567],{"class":66},[60,592,594,597,599,601,604],{"class":62,"line":593},13,[60,595,596],{"class":74},"    format",[60,598,207],{"class":66},[60,600,210],{"class":105},[60,602,603],{"class":109},"dd/MM/yyyy",[60,605,567],{"class":105},[60,607,609],{"class":62,"line":608},14,[60,610,611],{"class":66},"  />\n",[60,613,615,617,619],{"class":62,"line":614},15,[60,616,174],{"class":66},[60,618,191],{"class":70},[60,620,78],{"class":66},[450,622,624],{"id":623},"custom-trigger","Custom Trigger",[626,627,628],"calendar-custom-trigger-example",{},[50,629,631],{"className":52,"code":630,"language":54,"meta":55,"style":55},"\u003Cscript setup>\nimport { Calendar } from '@dolanske/vui'\nimport { ref } from 'vue'\n\nconst date = ref(new Date())\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CCalendar v-model=\"date\">\n    \u003Ctemplate #trigger>\n      \u003Cbutton class=\"vui-button vui-button-variant-fill\">\n        Select Date\n      \u003C/button>\n    \u003C/template>\n  \u003C/Calendar>\n\u003C/template>\n",[57,632,633,643,661,679,683,701,709,713,721,739,753,775,781,790,799,808],{"__ignoreMap":55},[60,634,635,637,639,641],{"class":62,"line":63},[60,636,67],{"class":66},[60,638,71],{"class":70},[60,640,75],{"class":74},[60,642,78],{"class":66},[60,644,645,647,649,651,653,655,657,659],{"class":62,"line":81},[60,646,84],{"class":70},[60,648,87],{"class":66},[60,650,90],{"class":74},[60,652,99],{"class":66},[60,654,102],{"class":70},[60,656,106],{"class":105},[60,658,110],{"class":109},[60,660,113],{"class":105},[60,662,663,665,667,669,671,673,675,677],{"class":62,"line":116},[60,664,84],{"class":70},[60,666,87],{"class":66},[60,668,123],{"class":74},[60,670,99],{"class":66},[60,672,102],{"class":70},[60,674,106],{"class":105},[60,676,54],{"class":109},[60,678,113],{"class":105},[60,680,681],{"class":62,"line":136},[60,682,140],{"emptyLinePlaceholder":139},[60,684,685,687,689,691,693,695,697,699],{"class":62,"line":143},[60,686,147],{"class":146},[60,688,150],{"class":74},[60,690,153],{"class":66},[60,692,123],{"class":156},[60,694,159],{"class":66},[60,696,162],{"class":146},[60,698,165],{"class":156},[60,700,168],{"class":66},[60,702,703,705,707],{"class":62,"line":171},[60,704,174],{"class":66},[60,706,71],{"class":70},[60,708,78],{"class":66},[60,710,711],{"class":62,"line":181},[60,712,140],{"emptyLinePlaceholder":139},[60,714,715,717,719],{"class":62,"line":186},[60,716,67],{"class":66},[60,718,191],{"class":70},[60,720,78],{"class":66},[60,722,723,725,727,729,731,733,735,737],{"class":62,"line":196},[60,724,199],{"class":66},[60,726,26],{"class":70},[60,728,204],{"class":156},[60,730,207],{"class":66},[60,732,210],{"class":66},[60,734,213],{"class":74},[60,736,210],{"class":66},[60,738,78],{"class":66},[60,740,741,744,746,749,751],{"class":62,"line":221},[60,742,743],{"class":66},"    \u003C",[60,745,191],{"class":70},[60,747,748],{"class":66}," #",[60,750,424],{"class":156},[60,752,78],{"class":66},[60,754,755,758,761,764,766,768,771,773],{"class":62,"line":570},[60,756,757],{"class":66},"      \u003C",[60,759,760],{"class":70},"button",[60,762,763],{"class":74}," class",[60,765,207],{"class":66},[60,767,210],{"class":105},[60,769,770],{"class":109},"vui-button vui-button-variant-fill",[60,772,210],{"class":105},[60,774,78],{"class":66},[60,776,777],{"class":62,"line":576},[60,778,780],{"class":779},"sX1ls","        Select Date\n",[60,782,783,786,788],{"class":62,"line":593},[60,784,785],{"class":66},"      \u003C/",[60,787,760],{"class":70},[60,789,78],{"class":66},[60,791,792,795,797],{"class":62,"line":608},[60,793,794],{"class":66},"    \u003C/",[60,796,191],{"class":70},[60,798,78],{"class":66},[60,800,801,804,806],{"class":62,"line":614},[60,802,803],{"class":66},"  \u003C/",[60,805,26],{"class":70},[60,807,78],{"class":66},[60,809,811,813,815],{"class":62,"line":810},16,[60,812,174],{"class":66},[60,814,191],{"class":70},[60,816,78],{"class":66},[450,818,819],{"id":369},"Inline",[821,822,823],"calendar-inline-example",{},[50,824,826],{"className":52,"code":825,"language":54,"meta":55,"style":55},"\u003Cscript setup>\nimport { Calendar } from '@dolanske/vui'\nimport { ref } from 'vue'\n\nconst date = ref(new Date())\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CCalendar\n    v-model=\"date\"\n    inline\n    :enable-time-picker=\"false\"\n    format=\"dd/MM/yyyy\"\n  />\n\u003C/template>\n",[57,827,828,838,856,874,878,896,904,908,916,922,934,939,953,965,969],{"__ignoreMap":55},[60,829,830,832,834,836],{"class":62,"line":63},[60,831,67],{"class":66},[60,833,71],{"class":70},[60,835,75],{"class":74},[60,837,78],{"class":66},[60,839,840,842,844,846,848,850,852,854],{"class":62,"line":81},[60,841,84],{"class":70},[60,843,87],{"class":66},[60,845,90],{"class":74},[60,847,99],{"class":66},[60,849,102],{"class":70},[60,851,106],{"class":105},[60,853,110],{"class":109},[60,855,113],{"class":105},[60,857,858,860,862,864,866,868,870,872],{"class":62,"line":116},[60,859,84],{"class":70},[60,861,87],{"class":66},[60,863,123],{"class":74},[60,865,99],{"class":66},[60,867,102],{"class":70},[60,869,106],{"class":105},[60,871,54],{"class":109},[60,873,113],{"class":105},[60,875,876],{"class":62,"line":136},[60,877,140],{"emptyLinePlaceholder":139},[60,879,880,882,884,886,888,890,892,894],{"class":62,"line":143},[60,881,147],{"class":146},[60,883,150],{"class":74},[60,885,153],{"class":66},[60,887,123],{"class":156},[60,889,159],{"class":66},[60,891,162],{"class":146},[60,893,165],{"class":156},[60,895,168],{"class":66},[60,897,898,900,902],{"class":62,"line":171},[60,899,174],{"class":66},[60,901,71],{"class":70},[60,903,78],{"class":66},[60,905,906],{"class":62,"line":181},[60,907,140],{"emptyLinePlaceholder":139},[60,909,910,912,914],{"class":62,"line":186},[60,911,67],{"class":66},[60,913,191],{"class":70},[60,915,78],{"class":66},[60,917,918,920],{"class":62,"line":196},[60,919,199],{"class":66},[60,921,552],{"class":70},[60,923,924,926,928,930,932],{"class":62,"line":221},[60,925,557],{"class":156},[60,927,207],{"class":66},[60,929,210],{"class":66},[60,931,213],{"class":74},[60,933,567],{"class":66},[60,935,936],{"class":62,"line":570},[60,937,938],{"class":74},"    inline\n",[60,940,941,943,945,947,949,951],{"class":62,"line":576},[60,942,579],{"class":66},[60,944,582],{"class":156},[60,946,207],{"class":66},[60,948,210],{"class":66},[60,950,355],{"class":70},[60,952,567],{"class":66},[60,954,955,957,959,961,963],{"class":62,"line":593},[60,956,596],{"class":74},[60,958,207],{"class":66},[60,960,210],{"class":105},[60,962,603],{"class":109},[60,964,567],{"class":105},[60,966,967],{"class":62,"line":608},[60,968,611],{"class":66},[60,970,971,973,975],{"class":62,"line":614},[60,972,174],{"class":66},[60,974,191],{"class":70},[60,976,78],{"class":66},[978,979,980],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}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 .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 pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}",{"title":55,"searchDepth":81,"depth":81,"links":982},[983,984,985,986],{"id":231,"depth":116,"text":232},{"id":400,"depth":116,"text":401},{"id":435,"depth":116,"text":436},{"id":447,"depth":116,"text":448},"A date picker component that allows users to select dates and times. It's built on top of Vue Datepicker and provides a consistent look and feel with the rest of the UI components.","md",{},"/docs/components/calendar",{"title":26,"description":987},"docs/components/calendar","3IsOaR_o_UAgi4lBpYJRjABnH8g-H6fcqtuogsj3w8s",1777992280687]