[{"data":1,"prerenderedAt":1560},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fcalendar":460,"\u002Fcomponents\u002Fcalendar-surround":1555},[4,34,51,301,327,332,337,406],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":33},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18,23,28],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles",{"title":24,"path":25,"stem":26,"package":11,"icon":27},"CLI","\u002Fgetting-started\u002Fcli","1.getting-started\u002F4.cli","i-lucide-terminal",{"title":29,"path":30,"stem":31,"package":11,"icon":32},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F5.roadmap","i-lucide-map","i-lucide-rocket",{"title":35,"package":11,"icon":36,"path":37,"stem":38,"children":39,"page":50},"Packages","i-lucide-package","\u002Fpackages","2.packages",[40,45],{"title":41,"path":42,"stem":43,"package":11,"icon":44},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":46,"path":47,"stem":48,"package":11,"icon":49},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":52,"package":11,"icon":53,"path":54,"stem":55,"children":56},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[57,59,65,70,75,80,85,90,95,100,105,110,115,120,125,130,135,140,144,149,153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233,238,242,246,251,256,261,266,271,276,280,284,288,292,296],{"title":52,"path":54,"stem":58,"package":11,"icon":53},"3.components\u002Findex",{"title":60,"path":61,"stem":62,"package":63,"icon":64},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":66,"path":67,"stem":68,"package":63,"icon":69},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":71,"path":72,"stem":73,"package":63,"icon":74},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":76,"path":77,"stem":78,"package":79,"icon":74},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":81,"path":82,"stem":83,"package":63,"icon":84},"App","\u002Fcomponents\u002Fapp","3.components\u002Fapp","i-lucide-smartphone",{"title":86,"path":87,"stem":88,"package":63,"icon":89},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":91,"path":92,"stem":93,"package":63,"icon":94},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":96,"path":97,"stem":98,"package":63,"icon":99},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":101,"path":102,"stem":103,"package":63,"icon":104},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":106,"path":107,"stem":108,"package":63,"icon":109},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":111,"path":112,"stem":113,"package":63,"icon":114},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":116,"path":117,"stem":118,"package":63,"icon":119},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":121,"path":122,"stem":123,"package":79,"icon":124},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":126,"path":127,"stem":128,"package":79,"icon":129},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":131,"path":132,"stem":133,"package":79,"icon":134},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":136,"path":137,"stem":138,"package":63,"icon":139},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":141,"path":142,"stem":143,"package":79,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":145,"path":146,"stem":147,"package":63,"icon":148},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":150,"path":151,"stem":152,"package":63,"icon":69},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":154,"path":155,"stem":156,"package":63,"icon":157},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":159,"path":160,"stem":161,"package":63,"icon":162},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":164,"path":165,"stem":166,"package":63,"icon":167},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":169,"path":170,"stem":171,"package":63,"icon":172},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":174,"path":175,"stem":176,"package":63,"icon":177},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":179,"path":180,"stem":181,"package":79,"icon":182},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":184,"path":185,"stem":186,"package":63,"icon":187},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":189,"path":190,"stem":191,"package":79,"icon":192},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":194,"path":195,"stem":196,"package":63,"icon":197},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":199,"path":200,"stem":201,"package":63,"icon":202},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":204,"path":205,"stem":206,"package":63,"icon":207},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":209,"path":210,"stem":211,"package":63,"icon":212},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":214,"path":215,"stem":216,"package":63,"icon":217},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":219,"path":220,"stem":221,"package":63,"icon":222},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":224,"path":225,"stem":226,"package":79,"icon":227},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":229,"path":230,"stem":231,"package":63,"icon":232},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":234,"path":235,"stem":236,"package":63,"icon":237},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":239,"path":240,"stem":241,"package":79,"icon":69},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":243,"path":244,"stem":245,"package":63,"icon":162},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":247,"path":248,"stem":249,"package":63,"icon":250},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":252,"path":253,"stem":254,"package":63,"icon":255},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":257,"path":258,"stem":259,"package":63,"icon":260},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":262,"path":263,"stem":264,"package":63,"icon":265},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":267,"path":268,"stem":269,"package":63,"icon":270},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":272,"path":273,"stem":274,"package":63,"icon":275},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":277,"path":278,"stem":279,"package":63,"icon":162},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":281,"path":282,"stem":283,"package":63,"icon":148},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":285,"path":286,"stem":287,"package":63,"icon":207},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":289,"path":290,"stem":291,"package":63,"icon":275},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":293,"path":294,"stem":295,"package":63,"icon":162},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":297,"path":298,"stem":299,"package":63,"icon":300},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":302,"path":303,"stem":304,"children":305,"package":11,"icon":307},"Theming","\u002Ftheming","4.theming\u002F1.index",[306,308,312,317,322],{"title":302,"path":303,"stem":304,"package":11,"icon":307},"i-lucide-palette",{"title":309,"path":310,"stem":311,"package":11,"icon":250},"Overrides","\u002Ftheming\u002Foverrides","4.theming\u002F2.overrides",{"title":313,"path":314,"stem":315,"package":11,"icon":316},"Colors","\u002Ftheming\u002Fcolors","4.theming\u002F3.colors","i-lucide-swatch-book",{"title":318,"path":319,"stem":320,"package":11,"icon":321},"Dark Mode","\u002Ftheming\u002Fdark-mode","4.theming\u002F4.dark-mode","i-lucide-moon",{"title":323,"path":324,"stem":325,"package":11,"icon":326},"Fonts","\u002Ftheming\u002Ffonts","4.theming\u002F5.fonts","i-lucide-type",{"title":328,"path":329,"stem":330,"package":11,"icon":331},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":333,"path":334,"stem":335,"package":11,"icon":336},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":338,"path":339,"stem":340,"children":341,"package":11,"icon":343},"Composables","\u002Fcomposables","7.composables\u002F1.index",[342,344,349,354,359,364,369,374,378,383,387,391,396,401],{"title":338,"path":339,"stem":340,"package":11,"icon":343},"i-lucide-square-function",{"title":345,"path":346,"stem":347,"package":11,"icon":348},"useEmitAsProps","\u002Fcomposables\u002Fuse-emit-as-props","7.composables\u002F10.use-emit-as-props","i-lucide-zap",{"title":350,"path":351,"stem":352,"package":11,"icon":353},"useForwardPropsEmits","\u002Fcomposables\u002Fuse-forward-props-emits","7.composables\u002F11.use-forward-props-emits","i-lucide-merge",{"title":355,"path":356,"stem":357,"package":11,"icon":358},"useForwardExpose","\u002Fcomposables\u002Fuse-forward-expose","7.composables\u002F12.use-forward-expose","i-lucide-share-2",{"title":360,"path":361,"stem":362,"package":11,"icon":363},"useStateMachine","\u002Fcomposables\u002Fuse-state-machine","7.composables\u002F13.use-state-machine","i-lucide-workflow",{"title":365,"path":366,"stem":367,"package":11,"icon":368},"usePrimitiveElement","\u002Fcomposables\u002Fuse-primitive-element","7.composables\u002F14.use-primitive-element","i-lucide-crosshair",{"title":370,"path":371,"stem":372,"package":11,"icon":373},"useAppConfig","\u002Fcomposables\u002Fuse-app-config","7.composables\u002F2.use-app-config","i-lucide-settings",{"title":375,"path":376,"stem":377,"package":11,"icon":321},"useColorMode","\u002Fcomposables\u002Fuse-color-mode","7.composables\u002F3.use-color-mode",{"title":379,"path":380,"stem":381,"package":11,"icon":382},"useComponentIcons","\u002Fcomposables\u002Fuse-component-icons","7.composables\u002F4.use-component-icons","i-lucide-shapes",{"title":384,"path":385,"stem":386,"package":11,"icon":69},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":388,"path":389,"stem":390,"package":11,"icon":336},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":392,"path":393,"stem":394,"package":11,"icon":395},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":397,"path":398,"stem":399,"package":11,"icon":400},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":402,"path":403,"stem":404,"package":11,"icon":405},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"title":407,"path":408,"stem":409,"children":410,"package":11,"icon":412},"Guides","\u002Fguides","8.guides\u002F1.index",[411,413,417,422,427,432,437,441,446,450,455],{"title":407,"path":408,"stem":409,"package":11,"icon":412},"i-lucide-book-open",{"title":414,"path":415,"stem":416,"package":11,"icon":348},"Instant first-frame rendering","\u002Fguides\u002Finstant-first-frame-rendering","8.guides\u002F10.instant-first-frame-rendering",{"title":418,"path":419,"stem":420,"package":11,"icon":421},"Why use Vy UI","\u002Fguides\u002Fwhy-vy-ui","8.guides\u002F11.why-vy-ui","i-lucide-help-circle",{"title":423,"path":424,"stem":425,"package":11,"icon":426},"Lynx UI frameworks","\u002Fguides\u002Flynx-ui-frameworks","8.guides\u002F2.lynx-ui-frameworks","i-lucide-library",{"title":428,"path":429,"stem":430,"package":11,"icon":431},"What is Vue Lynx","\u002Fguides\u002Fvue-lynx","8.guides\u002F3.vue-lynx","i-lucide-component",{"title":433,"path":434,"stem":435,"package":11,"icon":436},"Lynx vs React Native","\u002Fguides\u002Flynx-vs-react-native","8.guides\u002F4.lynx-vs-react-native","i-lucide-git-compare",{"title":438,"path":439,"stem":440,"package":11,"icon":84},"Testing on your phone","\u002Fguides\u002Ftesting-on-device","8.guides\u002F5.testing-on-device",{"title":442,"path":443,"stem":444,"package":11,"icon":445},"Testing with Xcode","\u002Fguides\u002Ftesting-with-xcode","8.guides\u002F6.testing-with-xcode","i-lucide-apple",{"title":447,"path":448,"stem":449,"package":11,"icon":27},"The rspeedy dev server","\u002Fguides\u002Frspeedy-dev-server","8.guides\u002F7.rspeedy-dev-server",{"title":451,"path":452,"stem":453,"package":11,"icon":454},"Tailwind on Lynx","\u002Fguides\u002Ftailwind-on-lynx","8.guides\u002F8.tailwind-on-lynx","i-lucide-wind",{"title":456,"path":457,"stem":458,"package":11,"icon":459},"Theming on Lynx","\u002Fguides\u002Ftheming-on-lynx","8.guides\u002F9.theming-on-lynx","i-lucide-paintbrush",{"id":461,"title":106,"body":462,"description":1543,"extension":1544,"links":1545,"meta":1551,"navigation":1552,"package":63,"path":107,"seo":1553,"stem":108,"__hash__":1554},"docs\u002F3.components\u002Fcalendar.md",{"type":463,"value":464,"toc":1529},"minimark",[465,470,482,487,492,495,499,514,737,742,745,786,792,863,867,900,955,959,1011,1015,1018,1042,1045,1048,1062,1088,1092,1397,1401,1443,1447,1488,1492,1525],[466,467,469],"h2",{"id":468},"overview","Overview",[471,472,474],"callout",{"color":473,"icon":74},"warning",[475,476,477,481],"p",{},[478,479,480],"code",{},"VyCalendar"," is experimental. It intentionally uses ISO date strings at the public boundary because Lynx-native date objects, timezone behavior, locale formatting, and calendar accessibility text still need target verification.",[475,483,484,486],{},[478,485,480],{}," renders a single-month, single-date picker. It supports controlled ISO date selection, month navigation, fixed weeks, disabled dates, a custom day slot, and a built-in caveat banner that is visible by default.",[488,489],"component-code",{"height":490,"name":491},"560px","calendar-example",[475,493,494],{},"This first component is deliberately small until native Lynx date behavior is proven.",[466,496,498],{"id":497},"usage","Usage",[475,500,501,502,505,506,509,510,513],{},"Use ",[478,503,504],{},"v-model"," with a ",[478,507,508],{},"YYYY-MM-DD"," string. Use ",[478,511,512],{},"default-month"," to choose the initially visible month when the selected value does not define it.",[515,516,521],"pre",{"className":517,"code":518,"language":519,"meta":520,"style":520},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyCalendar } from '@vyui\u002Fkit\u002Fcalendar'\n\nconst date = ref('2026-07-05')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyCalendar\n    v-model=\"date\"\n    default-month=\"2026-07\"\n    :disabled-dates=\"['2026-07-10', '2026-07-11']\"\n  \u002F>\n\u003C\u002Ftemplate>\n","vue","",[478,522,523,558,586,607,614,642,652,657,667,676,692,707,722,728],{"__ignoreMap":520},[524,525,528,532,536,540,543,546,549,553,555],"span",{"class":526,"line":527},"line",1,[524,529,531],{"class":530},"sMK4o","\u003C",[524,533,535],{"class":534},"swJcz","script",[524,537,539],{"class":538},"spNyl"," setup",[524,541,542],{"class":538}," lang",[524,544,545],{"class":530},"=",[524,547,548],{"class":530},"\"",[524,550,552],{"class":551},"sfazB","ts",[524,554,548],{"class":530},[524,556,557],{"class":530},">\n",[524,559,561,565,568,572,575,578,581,583],{"class":526,"line":560},2,[524,562,564],{"class":563},"s7zQu","import",[524,566,567],{"class":530}," {",[524,569,571],{"class":570},"sTEyZ"," ref",[524,573,574],{"class":530}," }",[524,576,577],{"class":563}," from",[524,579,580],{"class":530}," '",[524,582,519],{"class":551},[524,584,585],{"class":530},"'\n",[524,587,589,591,593,596,598,600,602,605],{"class":526,"line":588},3,[524,590,564],{"class":563},[524,592,567],{"class":530},[524,594,595],{"class":570}," VyCalendar",[524,597,574],{"class":530},[524,599,577],{"class":563},[524,601,580],{"class":530},[524,603,604],{"class":551},"@vyui\u002Fkit\u002Fcalendar",[524,606,585],{"class":530},[524,608,610],{"class":526,"line":609},4,[524,611,613],{"emptyLinePlaceholder":612},true,"\n",[524,615,617,620,623,625,628,631,634,637,639],{"class":526,"line":616},5,[524,618,619],{"class":538},"const",[524,621,622],{"class":570}," date ",[524,624,545],{"class":530},[524,626,571],{"class":627},"s2Zo4",[524,629,630],{"class":570},"(",[524,632,633],{"class":530},"'",[524,635,636],{"class":551},"2026-07-05",[524,638,633],{"class":530},[524,640,641],{"class":570},")\n",[524,643,645,648,650],{"class":526,"line":644},6,[524,646,647],{"class":530},"\u003C\u002F",[524,649,535],{"class":534},[524,651,557],{"class":530},[524,653,655],{"class":526,"line":654},7,[524,656,613],{"emptyLinePlaceholder":612},[524,658,660,662,665],{"class":526,"line":659},8,[524,661,531],{"class":530},[524,663,664],{"class":534},"template",[524,666,557],{"class":530},[524,668,670,673],{"class":526,"line":669},9,[524,671,672],{"class":530},"  \u003C",[524,674,675],{"class":534},"VyCalendar\n",[524,677,679,682,684,686,689],{"class":526,"line":678},10,[524,680,681],{"class":538},"    v-model",[524,683,545],{"class":530},[524,685,548],{"class":530},[524,687,688],{"class":551},"date",[524,690,691],{"class":530},"\"\n",[524,693,695,698,700,702,705],{"class":526,"line":694},11,[524,696,697],{"class":538},"    default-month",[524,699,545],{"class":530},[524,701,548],{"class":530},[524,703,704],{"class":551},"2026-07",[524,706,691],{"class":530},[524,708,710,713,715,717,720],{"class":526,"line":709},12,[524,711,712],{"class":538},"    :disabled-dates",[524,714,545],{"class":530},[524,716,548],{"class":530},[524,718,719],{"class":551},"['2026-07-10', '2026-07-11']",[524,721,691],{"class":530},[524,723,725],{"class":526,"line":724},13,[524,726,727],{"class":530},"  \u002F>\n",[524,729,731,733,735],{"class":526,"line":730},14,[524,732,647],{"class":530},[524,734,664],{"class":534},[524,736,557],{"class":530},[738,739,741],"h3",{"id":740},"caveat-banner","Caveat banner",[475,743,744],{},"The date-runtime warning is shown by default. Hide it only when the parent surface already explains the limitation.",[515,746,748],{"className":517,"code":747,"language":519,"meta":520,"style":520},"\u003CVyCalendar v-model=\"date\" :caveat=\"false\" \u002F>\n",[478,749,750],{"__ignoreMap":520},[524,751,752,754,756,759,761,763,765,767,770,773,775,777,781,783],{"class":526,"line":527},[524,753,531],{"class":530},[524,755,480],{"class":534},[524,757,758],{"class":538}," v-model",[524,760,545],{"class":530},[524,762,548],{"class":530},[524,764,688],{"class":570},[524,766,548],{"class":530},[524,768,769],{"class":530}," :",[524,771,772],{"class":538},"caveat",[524,774,545],{"class":530},[524,776,548],{"class":530},[524,778,780],{"class":779},"sfNiH","false",[524,782,548],{"class":530},[524,784,785],{"class":530}," \u002F>\n",[475,787,788,789,791],{},"You can also replace the banner with the ",[478,790,772],{}," slot.",[515,793,795],{"className":517,"code":794,"language":519,"meta":520,"style":520},"\u003CVyCalendar v-model=\"date\">\n  \u003Ctemplate #caveat>\n    \u003CVyAlert\n      color=\"warning\"\n      variant=\"soft\"\n      title=\"Date picker is experimental\"\n      description=\"This app stores UTC-normalized ISO dates.\"\n    \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FVyCalendar>\n",[478,796,797,815,820,825,830,835,840,845,850,855],{"__ignoreMap":520},[524,798,799,801,803,805,807,809,811,813],{"class":526,"line":527},[524,800,531],{"class":530},[524,802,480],{"class":534},[524,804,758],{"class":538},[524,806,545],{"class":530},[524,808,548],{"class":530},[524,810,688],{"class":570},[524,812,548],{"class":530},[524,814,557],{"class":530},[524,816,817],{"class":526,"line":560},[524,818,819],{"class":570},"  \u003Ctemplate #caveat>\n",[524,821,822],{"class":526,"line":588},[524,823,824],{"class":570},"    \u003CVyAlert\n",[524,826,827],{"class":526,"line":609},[524,828,829],{"class":570},"      color=\"warning\"\n",[524,831,832],{"class":526,"line":616},[524,833,834],{"class":570},"      variant=\"soft\"\n",[524,836,837],{"class":526,"line":644},[524,838,839],{"class":570},"      title=\"Date picker is experimental\"\n",[524,841,842],{"class":526,"line":654},[524,843,844],{"class":570},"      description=\"This app stores UTC-normalized ISO dates.\"\n",[524,846,847],{"class":526,"line":659},[524,848,849],{"class":570},"    \u002F>\n",[524,851,852],{"class":526,"line":669},[524,853,854],{"class":570},"  \u003C\u002Ftemplate>\n",[524,856,857,859,861],{"class":526,"line":678},[524,858,647],{"class":530},[524,860,480],{"class":534},[524,862,557],{"class":530},[738,864,866],{"id":865},"custom-day-content","Custom day content",[475,868,869,870,873,874,877,878,877,880,877,883,877,886,877,889,877,892,895,896,899],{},"Use the ",[478,871,872],{},"day"," slot for badges, pricing, availability, or event markers. Slot props include ",[478,875,876],{},"iso",", ",[478,879,872],{},[478,881,882],{},"month",[478,884,885],{},"year",[478,887,888],{},"inMonth",[478,890,891],{},"selected",[478,893,894],{},"today",", and ",[478,897,898],{},"disabled",".",[515,901,903],{"className":517,"code":902,"language":519,"meta":520,"style":520},"\u003CVyCalendar v-model=\"date\">\n  \u003Ctemplate #day=\"{ day }\">\n    \u003CVyChip :show=\"day.iso === '2026-07-05'\" color=\"success\">\n      \u003Ctext>{{ day.day }}\u003C\u002Ftext>\n    \u003C\u002FVyChip>\n  \u003C\u002Ftemplate>\n\u003C\u002FVyCalendar>\n",[478,904,905,923,928,933,938,943,947],{"__ignoreMap":520},[524,906,907,909,911,913,915,917,919,921],{"class":526,"line":527},[524,908,531],{"class":530},[524,910,480],{"class":534},[524,912,758],{"class":538},[524,914,545],{"class":530},[524,916,548],{"class":530},[524,918,688],{"class":570},[524,920,548],{"class":530},[524,922,557],{"class":530},[524,924,925],{"class":526,"line":560},[524,926,927],{"class":570},"  \u003Ctemplate #day=\"{ day }\">\n",[524,929,930],{"class":526,"line":588},[524,931,932],{"class":570},"    \u003CVyChip :show=\"day.iso === '2026-07-05'\" color=\"success\">\n",[524,934,935],{"class":526,"line":609},[524,936,937],{"class":570},"      \u003Ctext>{{ day.day }}\u003C\u002Ftext>\n",[524,939,940],{"class":526,"line":616},[524,941,942],{"class":570},"    \u003C\u002FVyChip>\n",[524,944,945],{"class":526,"line":644},[524,946,854],{"class":570},[524,948,949,951,953],{"class":526,"line":654},[524,950,647],{"class":530},[524,952,480],{"class":534},[524,954,557],{"class":530},[466,956,958],{"id":957},"features-and-behavior","Features and behavior",[960,961,962,975,985,988,998,1004],"ul",{},[963,964,965,968,969,972,973,899],"li",{},[478,966,967],{},"modelValue"," and ",[478,970,971],{},"update:modelValue"," use ",[478,974,508],{},[963,976,977,968,979,972,982,899],{},[478,978,882],{},[478,980,981],{},"update:month",[478,983,984],{},"YYYY-MM",[963,986,987],{},"Selecting an outside-month day moves the visible month to that date's month.",[963,989,990,993,994,997],{},[478,991,992],{},"fixedWeeks"," defaults to ",[478,995,996],{},"true"," and renders six weeks to avoid height changes.",[963,999,1000,1003],{},[478,1001,1002],{},"disabledDates"," accepts exact ISO dates that cannot be selected.",[963,1005,1006,1007,1010],{},"The component intentionally does not accept or emit host ",[478,1008,1009],{},"Date"," objects.",[466,1012,1014],{"id":1013},"current-blocker","Current Blocker",[475,1016,1017],{},"The remaining blocker is not visual styling. It is correctness across runtimes:",[960,1019,1020,1027,1033,1039],{},[963,1021,1022,1023,1026],{},"Native Lynx\u002FPrimJS can have incomplete or inconsistent ",[478,1024,1025],{},"Intl"," date formatting support.",[963,1028,1029,1030,1032],{},"Host ",[478,1031,1009],{}," objects carry timezone behavior that can shift calendar days when serialized or converted.",[963,1034,1035,1038],{},[478,1036,1037],{},"@internationalized\u002Fdate"," values need target verification before a public component relies on them.",[963,1040,1041],{},"Accessibility text for selected dates, ranges, disabled dates, and month\u002Fyear navigation needs locale-safe formatting.",[475,1043,1044],{},"Until those are resolved, a documented app-owned picker is safer than a package component that looks complete but stores or announces dates incorrectly.",[466,1046,29],{"id":1047},"roadmap",[475,1049,1050,1051,1061],{},"Future calendar work is focused on closing the date-runtime gaps first, then expanding the API. We are aiming for parity with ",[1052,1053,1057,1058],"a",{"href":1054,"rel":1055},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents\u002Fcalendar",[1056],"nofollow","Nuxt UI's ",[478,1059,1060],{},"UCalendar"," once those pieces are safe to support on Lynx:",[960,1063,1064,1070,1076,1079,1082,1085],{},[963,1065,1066,1069],{},[478,1067,1068],{},"multiple"," for selecting more than one date.",[963,1071,1072,1075],{},[478,1073,1074],{},"range"," for start\u002Fend selection.",[963,1077,1078],{},"Month and year views.",[963,1080,1081],{},"Disabled date predicates.",[963,1083,1084],{},"Week numbers.",[963,1086,1087],{},"Locale-aware month, weekday, and announcement text that works consistently on native Lynx and web.",[466,1089,1091],{"id":1090},"props","Props",[1093,1094,1095,1114],"table",{},[1096,1097,1098],"thead",{},[1099,1100,1101,1105,1108,1111],"tr",{},[1102,1103,1104],"th",{},"Prop",[1102,1106,1107],{},"Type",[1102,1109,1110],{},"Default",[1102,1112,1113],{},"Description",[1115,1116,1117,1139,1157,1176,1195,1215,1233,1250,1269,1286,1303,1319,1339,1359,1378],"tbody",{},[1099,1118,1119,1124,1129,1134],{},[1120,1121,1122],"td",{},[478,1123,967],{},[1120,1125,1126],{},[478,1127,1128],{},"string",[1120,1130,1131],{},[478,1132,1133],{},"undefined",[1120,1135,1136,1137,899],{},"Controlled selected date as ",[478,1138,508],{},[1099,1140,1141,1146,1150,1154],{},[1120,1142,1143],{},[478,1144,1145],{},"defaultValue",[1120,1147,1148],{},[478,1149,1128],{},[1120,1151,1152],{},[478,1153,1133],{},[1120,1155,1156],{},"Initial selected date for uncontrolled usage.",[1099,1158,1159,1163,1167,1171],{},[1120,1160,1161],{},[478,1162,882],{},[1120,1164,1165],{},[478,1166,1128],{},[1120,1168,1169],{},[478,1170,1133],{},[1120,1172,1173,1174,899],{},"Controlled visible month as ",[478,1175,984],{},[1099,1177,1178,1183,1187,1190],{},[1120,1179,1180],{},[478,1181,1182],{},"defaultMonth",[1120,1184,1185],{},[478,1186,1128],{},[1120,1188,1189],{},"selected\u002Fcurrent month",[1120,1191,1192,1193,899],{},"Initial visible month as ",[478,1194,984],{},[1099,1196,1197,1202,1207,1212],{},[1120,1198,1199],{},[478,1200,1201],{},"weekStartsOn",[1120,1203,1204],{},[478,1205,1206],{},"0 | 1 | 2 | 3 | 4 | 5 | 6",[1120,1208,1209],{},[478,1210,1211],{},"0",[1120,1213,1214],{},"First day of the week, Sunday through Saturday.",[1099,1216,1217,1221,1226,1230],{},[1120,1218,1219],{},[478,1220,992],{},[1120,1222,1223],{},[478,1224,1225],{},"boolean",[1120,1227,1228],{},[478,1229,996],{},[1120,1231,1232],{},"Always render six weeks.",[1099,1234,1235,1239,1243,1247],{},[1120,1236,1237],{},[478,1238,898],{},[1120,1240,1241],{},[478,1242,1225],{},[1120,1244,1245],{},[478,1246,780],{},[1120,1248,1249],{},"Prevent all date selection.",[1099,1251,1252,1256,1261,1266],{},[1120,1253,1254],{},[478,1255,1002],{},[1120,1257,1258],{},[478,1259,1260],{},"string[]",[1120,1262,1263],{},[478,1264,1265],{},"[]",[1120,1267,1268],{},"Exact ISO dates that cannot be selected.",[1099,1270,1271,1275,1279,1283],{},[1120,1272,1273],{},[478,1274,772],{},[1120,1276,1277],{},[478,1278,1225],{},[1120,1280,1281],{},[478,1282,996],{},[1120,1284,1285],{},"Show the built-in Lynx date-runtime warning.",[1099,1287,1288,1293,1297,1300],{},[1120,1289,1290],{},[478,1291,1292],{},"caveatTitle",[1120,1294,1295],{},[478,1296,1128],{},[1120,1298,1299],{},"see source",[1120,1301,1302],{},"Built-in warning title.",[1099,1304,1305,1310,1314,1316],{},[1120,1306,1307],{},[478,1308,1309],{},"caveatDescription",[1120,1311,1312],{},[478,1313,1128],{},[1120,1315,1299],{},[1120,1317,1318],{},"Built-in warning description.",[1099,1320,1321,1326,1331,1336],{},[1120,1322,1323],{},[478,1324,1325],{},"color",[1120,1327,1328],{},[478,1329,1330],{},"Color",[1120,1332,1333],{},[478,1334,1335],{},"'primary'",[1120,1337,1338],{},"Selected-day color.",[1099,1340,1341,1346,1351,1356],{},[1120,1342,1343],{},[478,1344,1345],{},"size",[1120,1347,1348],{},[478,1349,1350],{},"'sm' | 'md' | 'lg'",[1120,1352,1353],{},[478,1354,1355],{},"'md'",[1120,1357,1358],{},"Calendar scale.",[1099,1360,1361,1366,1371,1375],{},[1120,1362,1363],{},[478,1364,1365],{},"class",[1120,1367,1368],{},[478,1369,1370],{},"any",[1120,1372,1373],{},[478,1374,1133],{},[1120,1376,1377],{},"Classes merged onto the root.",[1099,1379,1380,1385,1390,1394],{},[1120,1381,1382],{},[478,1383,1384],{},"ui",[1120,1386,1387],{},[478,1388,1389],{},"Partial\u003CRecord\u003CCalendarSlot, any>>",[1120,1391,1392],{},[478,1393,1133],{},[1120,1395,1396],{},"Per-instance theme slot overrides.",[466,1398,1400],{"id":1399},"emits","Emits",[1093,1402,1403,1415],{},[1096,1404,1405],{},[1099,1406,1407,1410,1413],{},[1102,1408,1409],{},"Event",[1102,1411,1412],{},"Payload",[1102,1414,1113],{},[1115,1416,1417,1430],{},[1099,1418,1419,1423,1427],{},[1120,1420,1421],{},[478,1422,971],{},[1120,1424,1425],{},[478,1426,1128],{},[1120,1428,1429],{},"Selected date changed.",[1099,1431,1432,1436,1440],{},[1120,1433,1434],{},[478,1435,981],{},[1120,1437,1438],{},[478,1439,1128],{},[1120,1441,1442],{},"Visible month changed.",[466,1444,1446],{"id":1445},"slots","Slots",[1093,1448,1449,1460],{},[1096,1450,1451],{},[1099,1452,1453,1456,1458],{},[1102,1454,1455],{},"Slot",[1102,1457,1091],{},[1102,1459,1113],{},[1115,1461,1462,1476],{},[1099,1463,1464,1468,1473],{},[1120,1465,1466],{},[478,1467,872],{},[1120,1469,1470],{},[478,1471,1472],{},"{ day: CalendarDay }",[1120,1474,1475],{},"Replaces the day cell content.",[1099,1477,1478,1482,1485],{},[1120,1479,1480],{},[478,1481,772],{},[1120,1483,1484],{},"—",[1120,1486,1487],{},"Replaces the built-in warning banner.",[466,1489,1491],{"id":1490},"related","Related",[960,1493,1494,1501,1508,1518],{},[963,1495,1496,1500],{},[1052,1497,1498],{"href":146},[478,1499,145],{}," for composing a date field with a custom picker trigger.",[963,1502,1503,1507],{},[1052,1504,1505],{"href":230},[478,1506,229],{}," for simple month\u002Fyear picker prototypes.",[963,1509,1510,1514,1515,1517],{},[1052,1511,1512],{"href":334},[478,1513,333],{}," for the current ",[478,1516,1025],{}," formatter stopgaps.",[963,1519,1520,1524],{},[1052,1521,1522],{"href":30},[478,1523,29],{}," for planned date and internationalization work.",[1526,1527,1528],"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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .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);}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":520,"searchDepth":527,"depth":560,"links":1530},[1531,1532,1536,1537,1538,1539,1540,1541,1542],{"id":468,"depth":560,"text":469},{"id":497,"depth":560,"text":498,"children":1533},[1534,1535],{"id":740,"depth":588,"text":741},{"id":865,"depth":588,"text":866},{"id":957,"depth":560,"text":958},{"id":1013,"depth":560,"text":1014},{"id":1047,"depth":560,"text":29},{"id":1090,"depth":560,"text":1091},{"id":1399,"depth":560,"text":1400},{"id":1445,"depth":560,"text":1446},{"id":1490,"depth":560,"text":1491},"Calendar and date-picker status for Vy UI, including the current Lynx date-runtime blocker.","md",[1546],{"label":1547,"icon":1548,"to":1549,"target":1550},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FCalendar.vue","_blank",{},{"icon":109},{"title":106,"description":1543},"sQ4nlMwtLSJbFuICXDeUHkyhL4UVSxMDyYhFEy-QJ9Q",[1556,1558],{"title":101,"path":102,"stem":103,"description":1557,"icon":-1,"children":-1,"navigation":-1},"A pressable button with color, variant, size, icon, avatar, and loading states.",{"title":111,"path":112,"stem":113,"description":1559,"icon":-1,"children":-1,"navigation":-1},"A neutral surface container with optional header, body, and footer regions.",1785060115243]