[{"data":1,"prerenderedAt":3741},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Fforms\u002Fdate-picker":649},[4,11,124,509,568,593],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,66,103],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",90,{"title":67,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":68,"stem":69,"children":70,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[71,74,78,82,86,90,95,99],{"title":67,"path":72,"stem":73,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":75,"path":76,"stem":77,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":79,"path":80,"stem":81,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":83,"path":84,"stem":85,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":87,"path":88,"stem":89,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":91,"path":92,"stem":93,"order":94,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":96,"path":97,"stem":98,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":100,"path":101,"stem":102,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":104,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":105,"stem":106,"children":107,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[108,112,116,120],{"title":109,"path":110,"stem":111,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":113,"path":114,"stem":115,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":117,"path":118,"stem":119,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":121,"path":122,"stem":123,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":125,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":126,"stem":127,"children":128,"page":10},"Components","\u002Fcomponents","components",[129,202,301,320,364,417,470],{"title":130,"path":131,"stem":132,"children":133,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[134,138,143,148,153,158,162,167,172,177,182,187,192,197],{"title":135,"path":136,"stem":137,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":139,"path":140,"stem":141,"order":142,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":144,"path":145,"stem":146,"order":147,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":149,"path":150,"stem":151,"order":152,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":154,"path":155,"stem":156,"order":157,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":159,"path":160,"stem":161,"order":157,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":163,"path":164,"stem":165,"order":166,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":168,"path":169,"stem":170,"order":171,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":173,"path":174,"stem":175,"order":176,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":178,"path":179,"stem":180,"order":181,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":183,"path":184,"stem":185,"order":186,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":188,"path":189,"stem":190,"order":191,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":193,"path":194,"stem":195,"order":196,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":198,"path":199,"stem":200,"order":201,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":203,"path":204,"stem":205,"children":206,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[207,211,216,221,226,231,236,241,246,251,256,261,266,271,276,281,286,291,296],{"title":208,"path":209,"stem":210,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":212,"path":213,"stem":214,"order":215,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":217,"path":218,"stem":219,"order":220,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",20.5,{"title":222,"path":223,"stem":224,"order":225,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":227,"path":228,"stem":229,"order":230,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":232,"path":233,"stem":234,"order":235,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":237,"path":238,"stem":239,"order":240,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":242,"path":243,"stem":244,"order":245,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":247,"path":248,"stem":249,"order":250,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":252,"path":253,"stem":254,"order":255,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":257,"path":258,"stem":259,"order":260,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":262,"path":263,"stem":264,"order":265,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":267,"path":268,"stem":269,"order":270,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":272,"path":273,"stem":274,"order":275,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":277,"path":278,"stem":279,"order":280,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":282,"path":283,"stem":284,"order":285,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":287,"path":288,"stem":289,"order":290,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":292,"path":293,"stem":294,"order":295,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":297,"path":298,"stem":299,"order":300,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":302,"path":303,"stem":304,"children":305,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[306,311,315],{"title":307,"path":308,"stem":309,"order":310,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":312,"path":313,"stem":314,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":316,"path":317,"stem":318,"order":319,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":321,"path":322,"stem":323,"children":324,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[325,330,334,339,344,349,354,359],{"title":326,"path":327,"stem":328,"order":329,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":331,"path":332,"stem":333,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":335,"path":336,"stem":337,"order":338,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":340,"path":341,"stem":342,"order":343,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":345,"path":346,"stem":347,"order":348,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":350,"path":351,"stem":352,"order":353,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":355,"path":356,"stem":357,"order":358,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":360,"path":361,"stem":362,"order":363,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":365,"path":366,"stem":367,"children":368,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[369,373,378,383,388,393,398,403,408,412],{"title":370,"path":371,"stem":372,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":374,"path":375,"stem":376,"order":377,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":379,"path":380,"stem":381,"order":382,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":384,"path":385,"stem":386,"order":387,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":389,"path":390,"stem":391,"order":392,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":394,"path":395,"stem":396,"order":397,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":399,"path":400,"stem":401,"order":402,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":404,"path":405,"stem":406,"order":407,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":409,"path":410,"stem":411,"order":94,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":413,"path":414,"stem":415,"order":416,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":418,"path":419,"stem":420,"children":421,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[422,427,431,436,441,446,450,455,460,465],{"title":423,"path":424,"stem":425,"order":426,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":428,"path":429,"stem":430,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":432,"path":433,"stem":434,"order":435,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":437,"path":438,"stem":439,"order":440,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":442,"path":443,"stem":444,"order":445,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":447,"path":448,"stem":449,"order":445,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":451,"path":452,"stem":453,"order":454,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":456,"path":457,"stem":458,"order":459,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":461,"path":462,"stem":463,"order":464,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":466,"path":467,"stem":468,"order":469,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":471,"path":472,"stem":473,"children":474,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[475,479,484,489,494,499,504],{"title":476,"path":477,"stem":478,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":480,"path":481,"stem":482,"order":483,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":485,"path":486,"stem":487,"order":488,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":490,"path":491,"stem":492,"order":493,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":495,"path":496,"stem":497,"order":498,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":500,"path":501,"stem":502,"order":503,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":505,"path":506,"stem":507,"order":508,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":510,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":511,"stem":512,"children":513,"page":10},"Composites","\u002Fcomposites","composites",[514,543],{"title":515,"path":516,"stem":517,"children":518,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[519,523,527,531,535,539],{"title":520,"path":521,"stem":522,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":524,"path":525,"stem":526,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":528,"path":529,"stem":530,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":532,"path":533,"stem":534,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":536,"path":537,"stem":538,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":540,"path":541,"stem":542,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":544,"path":545,"stem":546,"children":547,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[548,552,556,560,564],{"title":549,"path":550,"stem":551,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":553,"path":554,"stem":555,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":557,"path":558,"stem":559,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":561,"path":562,"stem":563,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":565,"path":566,"stem":567,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":569,"order":570,"icon":9,"collapse":10,"navBadges":9,"path":571,"stem":572,"children":573,"page":10},"Blocks",35,"\u002Fblocks","blocks",[574,577,581,585,589],{"title":569,"path":575,"stem":576,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":578,"path":579,"stem":580,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":582,"path":583,"stem":584,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":586,"path":587,"stem":588,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":590,"path":591,"stem":592,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":594,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":595,"stem":596,"children":597,"page":10},"Utilities","\u002Futilities","utilities",[598,632],{"title":599,"path":600,"stem":601,"children":602,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[603,607,611,616,620,624,628],{"title":604,"path":605,"stem":606,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":608,"path":609,"stem":610,"order":166,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":612,"path":613,"stem":614,"order":615,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":617,"path":618,"stem":619,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":621,"path":622,"stem":623,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":625,"path":626,"stem":627,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":629,"path":630,"stem":631,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":633,"path":634,"stem":635,"children":636,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[637,641,645],{"title":638,"path":639,"stem":640,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":642,"path":643,"stem":644,"order":615,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":646,"path":647,"stem":648,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"id":650,"title":262,"aside":651,"body":652,"collapse":10,"description":3737,"editLink":651,"extension":2099,"icon":9,"meta":3738,"navBadges":9,"navigation":9,"order":265,"path":263,"prevNext":651,"seo":3739,"stem":264,"toc":651,"__hash__":3740},"docs\u002Fcomponents\u002Fforms\u002Fdate-picker.md",true,{"type":653,"value":654,"toc":3708},"minimark",[655,660,718,722,902,905,910,919,922,983,987,1002,1005,1056,1060,1084,1087,1202,1224,1237,1240,1273,1277,1294,1297,1380,1384,1399,1402,1433,1442,1446,1475,1478,1535,1575,1579,1598,1601,1657,1661,1693,1696,1813,1839,1857,1894,1898,1932,1935,2048,2084,2088,2104,2107,2188,2192,2202,2205,2244,2248,2257,2260,2340,2362,2417,2421,2430,2433,2480,2484,2496,2499,2525,2529,2542,2545,2571,2575,2602,2605,2726,2730,2742,2745,2749,2774,2778,2792,2799,2805,2809,2813,2823,2857,2861,3555,3559,3641,3645,3704],[656,657,659],"h2",{"id":658},"usage","Usage",[661,662,663,667,668,671,672,675,676,679,680,683,684,6,687,690,691,694,695,698,699,702,703,706,707,709,710,713,714,717],"p",{},[664,665,666],"code",{},"v-model"," is an ",[664,669,670],{},"@internationalized\u002Fdate"," ",[664,673,674],{},"DateValue"," (typically a\n",[664,677,678],{},"CalendarDate"," for this component's date-only granularity), not a native\n",[664,681,682],{},"Date"," - the segmented field, calendar grid, ",[664,685,686],{},"minValue",[664,688,689],{},"maxValue",", and\n",[664,692,693],{},"isDateUnavailable"," all share that same type, so there's no lossy\nconversion at the boundary. It already has an ISO ",[664,696,697],{},".toString()","\n(",[664,700,701],{},"2024-06-15",") and a matching ",[664,704,705],{},"parseDate()"," constructor if you need to\ninterop with a plain string, and ",[664,708,670],{},"'s own ",[664,711,712],{},"today()","\u002F\n",[664,715,716],{},"getLocalTimeZone()"," cover the common \"relative to now\" cases:",[719,720],"component-example",{"name":721},"date-picker-basic",[723,724,729],"pre",{"className":725,"code":726,"language":727,"meta":728,"style":728},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nimport type { DateValue } from '@internationalized\u002Fdate'\nimport { shallowRef } from 'vue'\n\n\u002F\u002F shallowRef, not ref - DateValue instances carry real private class\n\u002F\u002F fields that a plain ref's type would strip, breaking assignability\n\u002F\u002F back into v-model. The value is always replaced wholesale anyway,\n\u002F\u002F never mutated in place.\nconst date = shallowRef\u003CDateValue>()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSDatePicker v-model=\"date\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[664,730,731,760,779,792,798,805,811,817,823,846,855,859,868,893],{"__ignoreMap":728},[732,733,735,739,743,747,750,753,757],"span",{"class":734,"line":8},"line",[732,736,738],{"class":737},"sVt8B","\u003C",[732,740,742],{"class":741},"s9eBZ","script",[732,744,746],{"class":745},"sScJk"," setup",[732,748,749],{"class":745}," lang",[732,751,752],{"class":737},"=",[732,754,756],{"class":755},"sZZnC","\"ts\"",[732,758,759],{"class":737},">\n",[732,761,763,767,770,773,776],{"class":734,"line":762},2,[732,764,766],{"class":765},"szBVR","import",[732,768,769],{"class":765}," type",[732,771,772],{"class":737}," { DateValue } ",[732,774,775],{"class":765},"from",[732,777,778],{"class":755}," '@internationalized\u002Fdate'\n",[732,780,782,784,787,789],{"class":734,"line":781},3,[732,783,766],{"class":765},[732,785,786],{"class":737}," { shallowRef } ",[732,788,775],{"class":765},[732,790,791],{"class":755}," 'vue'\n",[732,793,795],{"class":734,"line":794},4,[732,796,797],{"emptyLinePlaceholder":651},"\n",[732,799,801],{"class":734,"line":800},5,[732,802,804],{"class":803},"sJ8bj","\u002F\u002F shallowRef, not ref - DateValue instances carry real private class\n",[732,806,808],{"class":734,"line":807},6,[732,809,810],{"class":803},"\u002F\u002F fields that a plain ref's type would strip, breaking assignability\n",[732,812,814],{"class":734,"line":813},7,[732,815,816],{"class":803},"\u002F\u002F back into v-model. The value is always replaced wholesale anyway,\n",[732,818,820],{"class":734,"line":819},8,[732,821,822],{"class":803},"\u002F\u002F never mutated in place.\n",[732,824,826,829,833,836,839,841,843],{"class":734,"line":825},9,[732,827,828],{"class":765},"const",[732,830,832],{"class":831},"sj4cs"," date",[732,834,835],{"class":765}," =",[732,837,838],{"class":745}," shallowRef",[732,840,738],{"class":737},[732,842,674],{"class":745},[732,844,845],{"class":737},">()\n",[732,847,848,851,853],{"class":734,"line":13},[732,849,850],{"class":737},"\u003C\u002F",[732,852,742],{"class":741},[732,854,759],{"class":737},[732,856,857],{"class":734,"line":147},[732,858,797],{"emptyLinePlaceholder":651},[732,860,861,863,866],{"class":734,"line":166},[732,862,738],{"class":737},[732,864,865],{"class":741},"template",[732,867,759],{"class":737},[732,869,871,874,877,880,882,885,888,890],{"class":734,"line":870},13,[732,872,873],{"class":737},"  \u003C",[732,875,876],{"class":741},"SDatePicker",[732,878,879],{"class":745}," v-model",[732,881,752],{"class":737},[732,883,884],{"class":755},"\"",[732,886,887],{"class":737},"date",[732,889,884],{"class":755},[732,891,892],{"class":737}," \u002F>\n",[732,894,896,898,900],{"class":734,"line":895},14,[732,897,850],{"class":737},[732,899,865],{"class":741},[732,901,759],{"class":737},[661,903,904],{},"Click the calendar icon to open the popover, or type directly into the day\u002F\nmonth\u002Fyear segments - both stay in sync with the same value.",[906,907,909],"h3",{"id":908},"minmax-range","Min\u002Fmax range",[661,911,912,6,915,918],{},[664,913,914],{},"min-value",[664,916,917],{},"max-value"," disable every day outside the range (and block\nselecting one, not just style it):",[719,920],{"name":921},"date-picker-min-max",[723,923,927],{"className":924,"code":925,"language":926,"meta":728,"style":728},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSDatePicker v-model=\"date\" :min-value=\"today(getLocalTimeZone())\" :max-value=\"...\" \u002F>\n","vue-html",[664,928,929],{"__ignoreMap":728},[732,930,931,933,935,937,939,941,943,945,948,950,952,954,957,960,963,966,968,970,972,974,976,979,981],{"class":734,"line":8},[732,932,738],{"class":737},[732,934,876],{"class":741},[732,936,879],{"class":745},[732,938,752],{"class":737},[732,940,884],{"class":755},[732,942,887],{"class":737},[732,944,884],{"class":755},[732,946,947],{"class":737}," :",[732,949,914],{"class":745},[732,951,752],{"class":737},[732,953,884],{"class":755},[732,955,956],{"class":745},"today",[732,958,959],{"class":737},"(",[732,961,962],{"class":745},"getLocalTimeZone",[732,964,965],{"class":737},"())",[732,967,884],{"class":755},[732,969,947],{"class":737},[732,971,917],{"class":745},[732,973,752],{"class":737},[732,975,884],{"class":755},[732,977,978],{"class":765},"...",[732,980,884],{"class":755},[732,982,892],{"class":737},[906,984,986],{"id":985},"unavailable-dates","Unavailable dates",[661,988,989,992,993,996,997,6,999,1001],{},[664,990,991],{},"is-date-unavailable"," takes a ",[664,994,995],{},"(date: DateValue) => boolean"," predicate. Unlike\n",[664,998,686],{},[664,1000,689],{},", an unavailable day is still selectable - it's marked\n(struck through, dimmed) rather than blocked, matching a constraint you want\nto flag rather than hard-enforce (e.g. \"no weekend deliveries\" where the\nconsumer decides what happens next):",[719,1003],{"name":1004},"date-picker-unavailable",[723,1006,1008],{"className":924,"code":1007,"language":926,"meta":728,"style":728},"\u003CSDatePicker v-model=\"date\" :is-date-unavailable=\"(d) => isWeekend(d)\" \u002F>\n",[664,1009,1010],{"__ignoreMap":728},[732,1011,1012,1014,1016,1018,1020,1022,1024,1026,1028,1030,1032,1034,1036,1040,1043,1046,1049,1052,1054],{"class":734,"line":8},[732,1013,738],{"class":737},[732,1015,876],{"class":741},[732,1017,879],{"class":745},[732,1019,752],{"class":737},[732,1021,884],{"class":755},[732,1023,887],{"class":737},[732,1025,884],{"class":755},[732,1027,947],{"class":737},[732,1029,991],{"class":745},[732,1031,752],{"class":737},[732,1033,884],{"class":755},[732,1035,959],{"class":737},[732,1037,1039],{"class":1038},"s4XuR","d",[732,1041,1042],{"class":737},") ",[732,1044,1045],{"class":765},"=>",[732,1047,1048],{"class":745}," isWeekend",[732,1050,1051],{"class":737},"(d)",[732,1053,884],{"class":755},[732,1055,892],{"class":737},[906,1057,1059],{"id":1058},"range-selection","Range selection",[661,1061,1062,1065,1066,1068,1069,1072,1073,1075,1076,1079,1080,1083],{},[664,1063,1064],{},"range"," switches to picking a start and end date together - ",[664,1067,666],{},"\nbecomes ",[664,1070,1071],{},"{ start?: DateValue, end?: DateValue }"," instead of a single\n",[664,1074,674],{},". Click a first day to set the start (the popover stays open -\nthe selection isn't finished yet), then a second day to complete the range\nand close it. Defaults to showing two months side by side\n(",[664,1077,1078],{},"number-of-months=\"2\"",") rather than one, since that's what makes picking a\nmulti-week range comfortable - pass ",[664,1081,1082],{},":number-of-months=\"1\""," to page through\na single month instead:",[719,1085],{"name":1086},"date-picker-range",[723,1088,1090],{"className":725,"code":1089,"language":727,"meta":728,"style":728},"\u003Cscript setup lang=\"ts\">\nimport type { DateRange } from 'reka-ui'\nimport { shallowRef } from 'vue'\n\nconst range = shallowRef\u003CDateRange>()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSDatePicker v-model=\"range\" range \u002F>\n\u003C\u002Ftemplate>\n",[664,1091,1092,1108,1122,1132,1136,1154,1162,1166,1174,1194],{"__ignoreMap":728},[732,1093,1094,1096,1098,1100,1102,1104,1106],{"class":734,"line":8},[732,1095,738],{"class":737},[732,1097,742],{"class":741},[732,1099,746],{"class":745},[732,1101,749],{"class":745},[732,1103,752],{"class":737},[732,1105,756],{"class":755},[732,1107,759],{"class":737},[732,1109,1110,1112,1114,1117,1119],{"class":734,"line":762},[732,1111,766],{"class":765},[732,1113,769],{"class":765},[732,1115,1116],{"class":737}," { DateRange } ",[732,1118,775],{"class":765},[732,1120,1121],{"class":755}," 'reka-ui'\n",[732,1123,1124,1126,1128,1130],{"class":734,"line":781},[732,1125,766],{"class":765},[732,1127,786],{"class":737},[732,1129,775],{"class":765},[732,1131,791],{"class":755},[732,1133,1134],{"class":734,"line":794},[732,1135,797],{"emptyLinePlaceholder":651},[732,1137,1138,1140,1143,1145,1147,1149,1152],{"class":734,"line":800},[732,1139,828],{"class":765},[732,1141,1142],{"class":831}," range",[732,1144,835],{"class":765},[732,1146,838],{"class":745},[732,1148,738],{"class":737},[732,1150,1151],{"class":745},"DateRange",[732,1153,845],{"class":737},[732,1155,1156,1158,1160],{"class":734,"line":807},[732,1157,850],{"class":737},[732,1159,742],{"class":741},[732,1161,759],{"class":737},[732,1163,1164],{"class":734,"line":813},[732,1165,797],{"emptyLinePlaceholder":651},[732,1167,1168,1170,1172],{"class":734,"line":819},[732,1169,738],{"class":737},[732,1171,865],{"class":741},[732,1173,759],{"class":737},[732,1175,1176,1178,1180,1182,1184,1186,1188,1190,1192],{"class":734,"line":825},[732,1177,873],{"class":737},[732,1179,876],{"class":741},[732,1181,879],{"class":745},[732,1183,752],{"class":737},[732,1185,884],{"class":755},[732,1187,1064],{"class":737},[732,1189,884],{"class":755},[732,1191,1142],{"class":745},[732,1193,892],{"class":737},[732,1195,1196,1198,1200],{"class":734,"line":13},[732,1197,850],{"class":737},[732,1199,865],{"class":741},[732,1201,759],{"class":737},[661,1203,1204,1207,1208,1211,1212,1215,1216,1219,1220,1223],{},[664,1205,1206],{},"allow-non-contiguous-ranges",", ",[664,1209,1210],{},"fixed-date"," (",[664,1213,1214],{},"'start' | 'end'",", locks one\nend in place while re-picking the other), ",[664,1217,1218],{},"maximum-days"," (caps how far\napart start\u002Fend can be), and ",[664,1221,1222],{},"is-date-highlightable"," are all range-only\npassthroughs to the underlying primitive.",[661,1225,1226,1229,1230,1232,1233,1236],{},[664,1227,1228],{},"trigger-mode=\"button\""," combines with ",[664,1231,1064],{}," too - the button's text uses\n",[664,1234,1235],{},"DateFormatter.formatRange()"," (e.g. \"Jun 15 – Jun 20, 2024\") instead of a\nsingle formatted date:",[719,1238],{"name":1239},"date-picker-range-button-mode",[723,1241,1243],{"className":924,"code":1242,"language":926,"meta":728,"style":728},"\u003CSDatePicker v-model=\"range\" range trigger-mode=\"button\" \u002F>\n",[664,1244,1245],{"__ignoreMap":728},[732,1246,1247,1249,1251,1253,1255,1257,1259,1261,1263,1266,1268,1271],{"class":734,"line":8},[732,1248,738],{"class":737},[732,1250,876],{"class":741},[732,1252,879],{"class":745},[732,1254,752],{"class":737},[732,1256,884],{"class":755},[732,1258,1064],{"class":737},[732,1260,884],{"class":755},[732,1262,1142],{"class":745},[732,1264,1265],{"class":745}," trigger-mode",[732,1267,752],{"class":737},[732,1269,1270],{"class":755},"\"button\"",[732,1272,892],{"class":737},[906,1274,1276],{"id":1275},"button-trigger","Button trigger",[661,1278,1279,1281,1282,1285,1286,1289,1290,1293],{},[664,1280,1228],{}," replaces the typeable segments with a single button\nshowing the formatted date (or a placeholder message when empty) - a\nplainer \"click to open\" trigger for when the segmented field's inline\ntyping isn't needed. ",[664,1283,1284],{},"format"," (an ",[664,1287,1288],{},"Intl.DateTimeFormatOptions"," object -\nthe same shape every other JS date-formatting API already uses, default\n",[664,1291,1292],{},"{ dateStyle: 'medium' }",") controls how that button's text reads:",[719,1295],{"name":1296},"date-picker-button-mode",[723,1298,1300],{"className":924,"code":1299,"language":926,"meta":728,"style":728},"\u003CSDatePicker v-model=\"date\" trigger-mode=\"button\" \u002F>\n\u003CSDatePicker v-model=\"date\" trigger-mode=\"button\" :format=\"{ year: 'numeric', month: '2-digit', day: '2-digit' }\" \u002F>\n",[664,1301,1302,1326],{"__ignoreMap":728},[732,1303,1304,1306,1308,1310,1312,1314,1316,1318,1320,1322,1324],{"class":734,"line":8},[732,1305,738],{"class":737},[732,1307,876],{"class":741},[732,1309,879],{"class":745},[732,1311,752],{"class":737},[732,1313,884],{"class":755},[732,1315,887],{"class":737},[732,1317,884],{"class":755},[732,1319,1265],{"class":745},[732,1321,752],{"class":737},[732,1323,1270],{"class":755},[732,1325,892],{"class":737},[732,1327,1328,1330,1332,1334,1336,1338,1340,1342,1344,1346,1348,1350,1352,1354,1356,1359,1362,1365,1368,1371,1373,1376,1378],{"class":734,"line":762},[732,1329,738],{"class":737},[732,1331,876],{"class":741},[732,1333,879],{"class":745},[732,1335,752],{"class":737},[732,1337,884],{"class":755},[732,1339,887],{"class":737},[732,1341,884],{"class":755},[732,1343,1265],{"class":745},[732,1345,752],{"class":737},[732,1347,1270],{"class":755},[732,1349,947],{"class":737},[732,1351,1284],{"class":745},[732,1353,752],{"class":737},[732,1355,884],{"class":755},[732,1357,1358],{"class":737},"{ year: ",[732,1360,1361],{"class":755},"'numeric'",[732,1363,1364],{"class":737},", month: ",[732,1366,1367],{"class":755},"'2-digit'",[732,1369,1370],{"class":737},", day: ",[732,1372,1367],{"class":755},[732,1374,1375],{"class":737}," }",[732,1377,884],{"class":755},[732,1379,892],{"class":737},[906,1381,1383],{"id":1382},"monthyear-view","Month\u002Fyear view",[661,1385,1386,1387,1390,1391,1394,1395,1398],{},"Click the calendar heading to drill down from the day grid to a month grid,\nthen a year grid - picking a month or year jumps the day grid straight\nthere instead of paging one month at a time. ",[664,1388,1389],{},"view"," sets which grid opens\ninitially (",[664,1392,1393],{},"'date'"," by default); passing ",[664,1396,1397],{},"'year'"," starts a birthdate-style\npicker straight at the year grid:",[719,1400],{"name":1401},"date-picker-month-year-view",[723,1403,1405],{"className":924,"code":1404,"language":926,"meta":728,"style":728},"\u003CSDatePicker v-model=\"date\" view=\"year\" \u002F>\n",[664,1406,1407],{"__ignoreMap":728},[732,1408,1409,1411,1413,1415,1417,1419,1421,1423,1426,1428,1431],{"class":734,"line":8},[732,1410,738],{"class":737},[732,1412,876],{"class":741},[732,1414,879],{"class":745},[732,1416,752],{"class":737},[732,1418,884],{"class":755},[732,1420,887],{"class":737},[732,1422,884],{"class":755},[732,1424,1425],{"class":745}," view",[732,1427,752],{"class":737},[732,1429,1430],{"class":755},"\"year\"",[732,1432,892],{"class":737},[661,1434,1435,1436,1438,1439,1441],{},"Single-date mode only - ",[664,1437,1064],{},"'s own heading and navigation are\nunaffected by ",[664,1440,1389],{},".",[906,1443,1445],{"id":1444},"monthyear-granularity","Month\u002Fyear granularity",[661,1447,1448,1450,1451,1455,1456,1459,1460,1463,1464,1467,1468,1470,1471,1474],{},[664,1449,1389],{}," only changes which grid the popover ",[1452,1453,1454],"em",{},"starts"," on - picking a month\nthere still drills down to a day. ",[664,1457,1458],{},"granularity"," is different: it changes\nwhat the ",[1452,1461,1462],{},"value itself"," represents. Set it to ",[664,1465,1466],{},"'month'"," or ",[664,1469,1397],{}," for a\npicker whose value stops at that precision - the day grid never renders,\nand picking a month or year is the final action, closing the popover\n(subject to ",[664,1472,1473],{},"closeOnSelect",") instead of drilling further:",[719,1476],{"name":1477},"date-picker-month-granularity",[723,1479,1481],{"className":924,"code":1480,"language":926,"meta":728,"style":728},"\u003CSDatePicker v-model=\"month\" granularity=\"month\" \u002F>\n\u003CSDatePicker v-model=\"year\" granularity=\"year\" \u002F>\n",[664,1482,1483,1510],{"__ignoreMap":728},[732,1484,1485,1487,1489,1491,1493,1495,1498,1500,1503,1505,1508],{"class":734,"line":8},[732,1486,738],{"class":737},[732,1488,876],{"class":741},[732,1490,879],{"class":745},[732,1492,752],{"class":737},[732,1494,884],{"class":755},[732,1496,1497],{"class":737},"month",[732,1499,884],{"class":755},[732,1501,1502],{"class":745}," granularity",[732,1504,752],{"class":737},[732,1506,1507],{"class":755},"\"month\"",[732,1509,892],{"class":737},[732,1511,1512,1514,1516,1518,1520,1522,1525,1527,1529,1531,1533],{"class":734,"line":762},[732,1513,738],{"class":737},[732,1515,876],{"class":741},[732,1517,879],{"class":745},[732,1519,752],{"class":737},[732,1521,884],{"class":755},[732,1523,1524],{"class":737},"year",[732,1526,884],{"class":755},[732,1528,1502],{"class":745},[732,1530,752],{"class":737},[732,1532,1430],{"class":755},[732,1534,892],{"class":737},[661,1536,1537,1538,1541,1542,1544,1545,1548,1549,1552,1553,1556,1557,1559,1560,1563,1564,1567,1568,1570,1571,1574],{},"The underlying date library has no month-only or year-only value type, so\n",[664,1539,1540],{},"modelValue"," stays the same ",[664,1543,674],{}," either way - ",[664,1546,1547],{},"granularity=\"month\"","\nfixes the day to ",[664,1550,1551],{},"1",", and ",[664,1554,1555],{},"granularity=\"year\""," fixes both month and day to\n",[664,1558,1551],{},". Segmented field mode only shows the segments that matter\n(month+year, or just year), and the button-mode\u002Fformatted text defaults\nadjust too (",[664,1561,1562],{},"\"June 2024\""," \u002F ",[664,1565,1566],{},"\"2024\"",") - both still overridable via ",[664,1569,1284],{},".\nThe heading can still drill ",[1452,1572,1573],{},"up"," (e.g. a month-granularity picker jumping\nto year view to reach a distant year quickly) - only the terminal, \"picking\nthis is the answer\" direction changes. Single-date mode only.",[906,1576,1578],{"id":1577},"custom-monthyear-disabling","Custom month\u002Fyear disabling",[661,1580,1581,6,1584,1211,1587,6,1590,1592,1593,6,1595,1597],{},[664,1582,1583],{},"is-month-disabled",[664,1585,1586],{},"is-year-disabled",[664,1588,1589],{},"view=\"month\"",[664,1591,1430],{}," only)\ndisable a specific month\u002Fyear on top of whatever ",[664,1594,914],{},[664,1596,917],{},"\nalready disable - useful for blocking out a specific month for a known\nclosure, independent of the overall allowed range:",[719,1599],{"name":1600},"date-picker-month-year-disabled",[723,1602,1604],{"className":924,"code":1603,"language":926,"meta":728,"style":728},"\u003CSDatePicker v-model=\"date\" view=\"month\" :is-month-disabled=\"(d) => d.month === 7\" \u002F>\n",[664,1605,1606],{"__ignoreMap":728},[732,1607,1608,1610,1612,1614,1616,1618,1620,1622,1624,1626,1628,1630,1632,1634,1636,1638,1640,1642,1644,1647,1650,1653,1655],{"class":734,"line":8},[732,1609,738],{"class":737},[732,1611,876],{"class":741},[732,1613,879],{"class":745},[732,1615,752],{"class":737},[732,1617,884],{"class":755},[732,1619,887],{"class":737},[732,1621,884],{"class":755},[732,1623,1425],{"class":745},[732,1625,752],{"class":737},[732,1627,1507],{"class":755},[732,1629,947],{"class":737},[732,1631,1583],{"class":745},[732,1633,752],{"class":737},[732,1635,884],{"class":755},[732,1637,959],{"class":737},[732,1639,1039],{"class":1038},[732,1641,1042],{"class":737},[732,1643,1045],{"class":765},[732,1645,1646],{"class":737}," d.month ",[732,1648,1649],{"class":765},"===",[732,1651,1652],{"class":831}," 7",[732,1654,884],{"class":755},[732,1656,892],{"class":737},[906,1658,1660],{"id":1659},"date-time-selection","Date-time selection",[661,1662,1663,6,1666,1669,1670,1672,1673,1676,1677,1679,1680,1683,1684,1688,1689,1692],{},[664,1664,1665],{},"granularity=\"hour\"",[664,1667,1668],{},"\"minute\""," add a time-of-day section below the day\ngrid instead of replacing it - picking a day and setting a time are two\nindependent things, so the day grid stays fully usable. ",[664,1671,1540],{},"\nbecomes a time-capable ",[664,1674,1675],{},"CalendarDateTime"," (still just a ",[664,1678,674],{},", same\nprop type as always). Since there's no single action that means \"done\"\nhere, ",[664,1681,1682],{},"close-on-select"," no longer closes the popover on a day click while\na time granularity is set - a ",[1685,1686,1687],"strong",{},"Done"," button appears instead (hidden\nentirely if you pass ",[664,1690,1691],{},"close-on-select=\"false\"",", since that already means\n\"never auto-close\"):",[719,1694],{"name":1695},"date-picker-date-time",[723,1697,1699],{"className":725,"code":1698,"language":727,"meta":728,"style":728},"\u003Cscript setup lang=\"ts\">\nimport type { DateValue } from '@internationalized\u002Fdate'\nimport { shallowRef } from 'vue'\n\nconst value = shallowRef\u003CDateValue>()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSDatePicker v-model=\"value\" granularity=\"minute\" \u002F>\n\u003C\u002Ftemplate>\n",[664,1700,1701,1717,1729,1739,1743,1760,1768,1772,1780,1805],{"__ignoreMap":728},[732,1702,1703,1705,1707,1709,1711,1713,1715],{"class":734,"line":8},[732,1704,738],{"class":737},[732,1706,742],{"class":741},[732,1708,746],{"class":745},[732,1710,749],{"class":745},[732,1712,752],{"class":737},[732,1714,756],{"class":755},[732,1716,759],{"class":737},[732,1718,1719,1721,1723,1725,1727],{"class":734,"line":762},[732,1720,766],{"class":765},[732,1722,769],{"class":765},[732,1724,772],{"class":737},[732,1726,775],{"class":765},[732,1728,778],{"class":755},[732,1730,1731,1733,1735,1737],{"class":734,"line":781},[732,1732,766],{"class":765},[732,1734,786],{"class":737},[732,1736,775],{"class":765},[732,1738,791],{"class":755},[732,1740,1741],{"class":734,"line":794},[732,1742,797],{"emptyLinePlaceholder":651},[732,1744,1745,1747,1750,1752,1754,1756,1758],{"class":734,"line":800},[732,1746,828],{"class":765},[732,1748,1749],{"class":831}," value",[732,1751,835],{"class":765},[732,1753,838],{"class":745},[732,1755,738],{"class":737},[732,1757,674],{"class":745},[732,1759,845],{"class":737},[732,1761,1762,1764,1766],{"class":734,"line":807},[732,1763,850],{"class":737},[732,1765,742],{"class":741},[732,1767,759],{"class":737},[732,1769,1770],{"class":734,"line":813},[732,1771,797],{"emptyLinePlaceholder":651},[732,1773,1774,1776,1778],{"class":734,"line":819},[732,1775,738],{"class":737},[732,1777,865],{"class":741},[732,1779,759],{"class":737},[732,1781,1782,1784,1786,1788,1790,1792,1795,1797,1799,1801,1803],{"class":734,"line":825},[732,1783,873],{"class":737},[732,1785,876],{"class":741},[732,1787,879],{"class":745},[732,1789,752],{"class":737},[732,1791,884],{"class":755},[732,1793,1794],{"class":737},"value",[732,1796,884],{"class":755},[732,1798,1502],{"class":745},[732,1800,752],{"class":737},[732,1802,1668],{"class":755},[732,1804,892],{"class":737},[732,1806,1807,1809,1811],{"class":734,"line":13},[732,1808,850],{"class":737},[732,1810,865],{"class":741},[732,1812,759],{"class":737},[661,1814,1815,1817,1818,1820,1821,1824,1825,1828,1829,1831,1832,6,1835,1838],{},[664,1816,1665],{}," shows only the hour stepper; ",[664,1819,1668],{}," adds a second\none next to it. Both are built from\n",[1822,1823,217],"a",{"href":218}," - type a value directly or\nuse its ±buttons\u002Farrow keys. ",[664,1826,1827],{},"minute-step"," (default ",[664,1830,1551],{},") only affects the\nminute stepper's click\u002Farrow-key increment; typing still commits any exact\nminute - pass ",[664,1833,1834],{},"5",[664,1836,1837],{},"15","\u002Fetc for a coarser \"pick an appointment time\" step.\nPicking a day preserves whatever time is already set, and\nadjusting the time commits a value using today's date if none has been\npicked yet - either can be touched first. Single-date mode only.",[661,1840,1841,1842,1845,1846,1849,1850,1467,1853,1856],{},"The hour stepper follows the same hour cycle as the typed field itself -\nboth default to whatever ",[664,1843,1844],{},"locale"," resolves to (12-hour with an AM\u002FPM\ntoggle for ",[664,1847,1848],{},"en-US",", 24-hour for most others), so the two surfaces always\nagree instead of one showing \"14\" and the other \"2:00 PM\" for the same\nmoment. Pass ",[664,1851,1852],{},"hour-cycle=\"12\"",[664,1854,1855],{},"hour-cycle=\"24\""," to force one\nregardless of locale:",[723,1858,1860],{"className":924,"code":1859,"language":926,"meta":728,"style":728},"\u003CSDatePicker v-model=\"value\" granularity=\"minute\" hour-cycle=\"24\" \u002F>\n",[664,1861,1862],{"__ignoreMap":728},[732,1863,1864,1866,1868,1870,1872,1874,1876,1878,1880,1882,1884,1887,1889,1892],{"class":734,"line":8},[732,1865,738],{"class":737},[732,1867,876],{"class":741},[732,1869,879],{"class":745},[732,1871,752],{"class":737},[732,1873,884],{"class":755},[732,1875,1794],{"class":737},[732,1877,884],{"class":755},[732,1879,1502],{"class":745},[732,1881,752],{"class":737},[732,1883,1668],{"class":755},[732,1885,1886],{"class":745}," hour-cycle",[732,1888,752],{"class":737},[732,1890,1891],{"class":755},"\"24\"",[732,1893,892],{"class":737},[906,1895,1897],{"id":1896},"time-only","Time only",[661,1899,1900,1902,1903,1905,1906,1909,1910,1912,1913,1915,1916,6,1918,1920,1921,1207,1923,1926,1927,713,1929,1931],{},[664,1901,1896],{}," drops the date entirely - ",[664,1904,1540],{}," becomes a bare\n",[664,1907,1908],{},"Time"," (from ",[664,1911,670],{},", no date component at all, not a\n",[664,1914,674],{},"). Everything date-grid-specific (",[664,1917,914],{},[664,1919,917],{},",\n",[664,1922,1389],{},[664,1924,1925],{},"number-of-months",", and so on) simply doesn't apply - the popover\nis just the hour\u002Fminute steppers, the same ones ",[664,1928,1665],{},[664,1930,1668],{}," already use:",[719,1933],{"name":1934},"date-picker-time-only",[723,1936,1938],{"className":725,"code":1937,"language":727,"meta":728,"style":728},"\u003Cscript setup lang=\"ts\">\nimport type { Time } from '@internationalized\u002Fdate'\nimport { shallowRef } from 'vue'\n\nconst value = shallowRef\u003CTime>()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSDatePicker v-model=\"value\" time-only \u002F>\n\u003C\u002Ftemplate>\n",[664,1939,1940,1956,1969,1979,1983,1999,2007,2011,2019,2040],{"__ignoreMap":728},[732,1941,1942,1944,1946,1948,1950,1952,1954],{"class":734,"line":8},[732,1943,738],{"class":737},[732,1945,742],{"class":741},[732,1947,746],{"class":745},[732,1949,749],{"class":745},[732,1951,752],{"class":737},[732,1953,756],{"class":755},[732,1955,759],{"class":737},[732,1957,1958,1960,1962,1965,1967],{"class":734,"line":762},[732,1959,766],{"class":765},[732,1961,769],{"class":765},[732,1963,1964],{"class":737}," { Time } ",[732,1966,775],{"class":765},[732,1968,778],{"class":755},[732,1970,1971,1973,1975,1977],{"class":734,"line":781},[732,1972,766],{"class":765},[732,1974,786],{"class":737},[732,1976,775],{"class":765},[732,1978,791],{"class":755},[732,1980,1981],{"class":734,"line":794},[732,1982,797],{"emptyLinePlaceholder":651},[732,1984,1985,1987,1989,1991,1993,1995,1997],{"class":734,"line":800},[732,1986,828],{"class":765},[732,1988,1749],{"class":831},[732,1990,835],{"class":765},[732,1992,838],{"class":745},[732,1994,738],{"class":737},[732,1996,1908],{"class":745},[732,1998,845],{"class":737},[732,2000,2001,2003,2005],{"class":734,"line":807},[732,2002,850],{"class":737},[732,2004,742],{"class":741},[732,2006,759],{"class":737},[732,2008,2009],{"class":734,"line":813},[732,2010,797],{"emptyLinePlaceholder":651},[732,2012,2013,2015,2017],{"class":734,"line":819},[732,2014,738],{"class":737},[732,2016,865],{"class":741},[732,2018,759],{"class":737},[732,2020,2021,2023,2025,2027,2029,2031,2033,2035,2038],{"class":734,"line":825},[732,2022,873],{"class":737},[732,2024,876],{"class":741},[732,2026,879],{"class":745},[732,2028,752],{"class":737},[732,2030,884],{"class":755},[732,2032,1794],{"class":737},[732,2034,884],{"class":755},[732,2036,2037],{"class":745}," time-only",[732,2039,892],{"class":737},[732,2041,2042,2044,2046],{"class":734,"line":13},[732,2043,850],{"class":737},[732,2045,865],{"class":741},[732,2047,759],{"class":737},[661,2049,2050,1207,2052,1207,2055,1207,2057,1207,2060,2063,2064,2066,2067,2069,2070,2073,2074,2077,2078,2080,2081,2083],{},[664,2051,1458],{},[664,2053,2054],{},"hour-cycle",[664,2056,1827],{},[664,2058,2059],{},"trigger-mode",[664,2061,2062],{},"clearable",",\nand ",[664,2065,1682],{}," all carry over unchanged from the date-time case\nabove - ",[664,2068,1458],{}," defaults to ",[664,2071,2072],{},"'minute'"," here (a bare hour is a less\nuseful default for a ",[1452,2075,2076],{},"dedicated"," time picker than as an add-on to a date).\nSingle-date mode only - ",[664,2079,1064],{}," and ",[664,2082,1896],{}," aren't combinable.",[906,2085,2087],{"id":2086},"sizes","Sizes",[661,2089,2090,2093,2094,1563,2097,1563,2100,2103],{},[664,2091,2092],{},"size"," takes ",[664,2095,2096],{},"sm",[664,2098,2099],{},"md",[664,2101,2102],{},"lg",", scaling the field, segments, and calendar-\nday buttons together:",[719,2105],{"name":2106},"date-picker-sizes",[723,2108,2110],{"className":924,"code":2109,"language":926,"meta":728,"style":728},"\u003CSDatePicker v-model=\"date\" size=\"sm\" \u002F>\n\u003CSDatePicker v-model=\"date\" size=\"md\" \u002F>\n\u003CSDatePicker v-model=\"date\" size=\"lg\" \u002F>\n",[664,2111,2112,2138,2163],{"__ignoreMap":728},[732,2113,2114,2116,2118,2120,2122,2124,2126,2128,2131,2133,2136],{"class":734,"line":8},[732,2115,738],{"class":737},[732,2117,876],{"class":741},[732,2119,879],{"class":745},[732,2121,752],{"class":737},[732,2123,884],{"class":755},[732,2125,887],{"class":737},[732,2127,884],{"class":755},[732,2129,2130],{"class":745}," size",[732,2132,752],{"class":737},[732,2134,2135],{"class":755},"\"sm\"",[732,2137,892],{"class":737},[732,2139,2140,2142,2144,2146,2148,2150,2152,2154,2156,2158,2161],{"class":734,"line":762},[732,2141,738],{"class":737},[732,2143,876],{"class":741},[732,2145,879],{"class":745},[732,2147,752],{"class":737},[732,2149,884],{"class":755},[732,2151,887],{"class":737},[732,2153,884],{"class":755},[732,2155,2130],{"class":745},[732,2157,752],{"class":737},[732,2159,2160],{"class":755},"\"md\"",[732,2162,892],{"class":737},[732,2164,2165,2167,2169,2171,2173,2175,2177,2179,2181,2183,2186],{"class":734,"line":781},[732,2166,738],{"class":737},[732,2168,876],{"class":741},[732,2170,879],{"class":745},[732,2172,752],{"class":737},[732,2174,884],{"class":755},[732,2176,887],{"class":737},[732,2178,884],{"class":755},[732,2180,2130],{"class":745},[732,2182,752],{"class":737},[732,2184,2185],{"class":755},"\"lg\"",[732,2187,892],{"class":737},[906,2189,2191],{"id":2190},"colors","Colors",[661,2193,2194,2197,2198,2201],{},[664,2195,2196],{},"color"," sets the chrome color - the clear\u002Ftrigger buttons and prev\u002Fnext\nmonth nav; ",[664,2199,2200],{},"active-color"," sets the color of whatever's currently \"active\" -\nthe selected day\u002Fmonth\u002Fyear cell and the Done button:",[719,2203],{"name":2204},"date-picker-colors",[723,2206,2208],{"className":924,"code":2207,"language":926,"meta":728,"style":728},"\u003CSDatePicker v-model=\"date\" color=\"primary\" active-color=\"danger\" \u002F>\n",[664,2209,2210],{"__ignoreMap":728},[732,2211,2212,2214,2216,2218,2220,2222,2224,2226,2229,2231,2234,2237,2239,2242],{"class":734,"line":8},[732,2213,738],{"class":737},[732,2215,876],{"class":741},[732,2217,879],{"class":745},[732,2219,752],{"class":737},[732,2221,884],{"class":755},[732,2223,887],{"class":737},[732,2225,884],{"class":755},[732,2227,2228],{"class":745}," color",[732,2230,752],{"class":737},[732,2232,2233],{"class":755},"\"primary\"",[732,2235,2236],{"class":745}," active-color",[732,2238,752],{"class":737},[732,2240,2241],{"class":755},"\"danger\"",[732,2243,892],{"class":737},[906,2245,2247],{"id":2246},"arrow","Arrow",[661,2249,2250,2252,2253,2256],{},[664,2251,2246],{}," shows a small pointer triangle connecting the panel to its trigger\nacross single-date, range, and time-only modes. Pass an object to configure\nits width, height, rounded tip, or corner clearance (",[664,2254,2255],{},"padding","):",[719,2258],{"name":2259},"date-picker-arrow",[723,2261,2263],{"className":924,"code":2262,"language":926,"meta":728,"style":728},"\u003CSDatePicker v-model=\"value\" arrow \u002F>\n\u003CSDatePicker v-model=\"value\" :arrow=\"{ width: 16, height: 8, rounded: true, padding: 12 }\" \u002F>\n",[664,2264,2265,2286],{"__ignoreMap":728},[732,2266,2267,2269,2271,2273,2275,2277,2279,2281,2284],{"class":734,"line":8},[732,2268,738],{"class":737},[732,2270,876],{"class":741},[732,2272,879],{"class":745},[732,2274,752],{"class":737},[732,2276,884],{"class":755},[732,2278,1794],{"class":737},[732,2280,884],{"class":755},[732,2282,2283],{"class":745}," arrow",[732,2285,892],{"class":737},[732,2287,2288,2290,2292,2294,2296,2298,2300,2302,2304,2306,2308,2310,2313,2316,2319,2322,2325,2328,2331,2334,2336,2338],{"class":734,"line":762},[732,2289,738],{"class":737},[732,2291,876],{"class":741},[732,2293,879],{"class":745},[732,2295,752],{"class":737},[732,2297,884],{"class":755},[732,2299,1794],{"class":737},[732,2301,884],{"class":755},[732,2303,947],{"class":737},[732,2305,2246],{"class":745},[732,2307,752],{"class":737},[732,2309,884],{"class":755},[732,2311,2312],{"class":737},"{ width: ",[732,2314,2315],{"class":831},"16",[732,2317,2318],{"class":737},", height: ",[732,2320,2321],{"class":831},"8",[732,2323,2324],{"class":737},", rounded: ",[732,2326,2327],{"class":831},"true",[732,2329,2330],{"class":737},", padding: ",[732,2332,2333],{"class":831},"12",[732,2335,1375],{"class":737},[732,2337,884],{"class":755},[732,2339,892],{"class":737},[661,2341,2342,2345,2346,2349,2350,2353,2354,2357,2358,2361],{},[664,2343,2344],{},"positioning"," controls the anchored calendar's side, alignment, offsets, and\ncollision behavior. For the single-date calendar, an arrow defaults the panel\nto center alignment so it remains visible; an explicit ",[664,2347,2348],{},"positioning.align","\noverrides that choice. ",[664,2351,2352],{},"portal"," defaults to the document body; set it to\n",[664,2355,2356],{},"false"," for inline rendering or pass a CSS selector or ",[664,2359,2360],{},"HTMLElement"," as the\nteleport target. These props affect the anchored calendar in single, range,\nand time-only modes. The adaptive modal has its own presentation.",[723,2363,2365],{"className":924,"code":2364,"language":926,"meta":728,"style":728},"\u003CSDatePicker v-model=\"value\" :positioning=\"{ side: 'top', align: 'start' }\" portal=\"#overlay-root\" \u002F>\n",[664,2366,2367],{"__ignoreMap":728},[732,2368,2369,2371,2373,2375,2377,2379,2381,2383,2385,2387,2389,2391,2394,2397,2400,2403,2405,2407,2410,2412,2415],{"class":734,"line":8},[732,2370,738],{"class":737},[732,2372,876],{"class":741},[732,2374,879],{"class":745},[732,2376,752],{"class":737},[732,2378,884],{"class":755},[732,2380,1794],{"class":737},[732,2382,884],{"class":755},[732,2384,947],{"class":737},[732,2386,2344],{"class":745},[732,2388,752],{"class":737},[732,2390,884],{"class":755},[732,2392,2393],{"class":737},"{ side: ",[732,2395,2396],{"class":755},"'top'",[732,2398,2399],{"class":737},", align: ",[732,2401,2402],{"class":755},"'start'",[732,2404,1375],{"class":737},[732,2406,884],{"class":755},[732,2408,2409],{"class":745}," portal",[732,2411,752],{"class":737},[732,2413,2414],{"class":755},"\"#overlay-root\"",[732,2416,892],{"class":737},[906,2418,2420],{"id":2419},"clearable-disabled","Clearable & disabled",[661,2422,2423,2425,2426,2429],{},[664,2424,2062],{}," adds a dismiss button once a value is set; ",[664,2427,2428],{},"disabled"," disables\nthe whole control:",[719,2431],{"name":2432},"date-picker-clearable",[723,2434,2436],{"className":924,"code":2435,"language":926,"meta":728,"style":728},"\u003CSDatePicker v-model=\"date\" clearable \u002F>\n\u003CSDatePicker v-model=\"date\" disabled \u002F>\n",[664,2437,2438,2459],{"__ignoreMap":728},[732,2439,2440,2442,2444,2446,2448,2450,2452,2454,2457],{"class":734,"line":8},[732,2441,738],{"class":737},[732,2443,876],{"class":741},[732,2445,879],{"class":745},[732,2447,752],{"class":737},[732,2449,884],{"class":755},[732,2451,887],{"class":737},[732,2453,884],{"class":755},[732,2455,2456],{"class":745}," clearable",[732,2458,892],{"class":737},[732,2460,2461,2463,2465,2467,2469,2471,2473,2475,2478],{"class":734,"line":762},[732,2462,738],{"class":737},[732,2464,876],{"class":741},[732,2466,879],{"class":745},[732,2468,752],{"class":737},[732,2470,884],{"class":755},[732,2472,887],{"class":737},[732,2474,884],{"class":755},[732,2476,2477],{"class":745}," disabled",[732,2479,892],{"class":737},[906,2481,2483],{"id":2482},"read-only","Read-only",[661,2485,2486,2489,2490,2492,2493,2495],{},[664,2487,2488],{},"readonly"," shows the value and blocks edits without disabling the control -\nunlike ",[664,2491,2428],{},", it stays focusable\u002Freadable, just not changeable. Not\napplicable to ",[664,2494,1896],{}," (there's no readonly concept for a bare time\nfield):",[719,2497],{"name":2498},"date-picker-readonly",[723,2500,2502],{"className":924,"code":2501,"language":926,"meta":728,"style":728},"\u003CSDatePicker v-model=\"date\" readonly \u002F>\n",[664,2503,2504],{"__ignoreMap":728},[732,2505,2506,2508,2510,2512,2514,2516,2518,2520,2523],{"class":734,"line":8},[732,2507,738],{"class":737},[732,2509,876],{"class":741},[732,2511,879],{"class":745},[732,2513,752],{"class":737},[732,2515,884],{"class":755},[732,2517,887],{"class":737},[732,2519,884],{"class":755},[732,2521,2522],{"class":745}," readonly",[732,2524,892],{"class":737},[906,2526,2528],{"id":2527},"preventing-deselection","Preventing deselection",[661,2530,2531,2534,2535,2538,2539,2541],{},[664,2532,2533],{},"prevent-deselect"," stops a click on the only selected day from clearing it\nentirely - useful when the control should always land on ",[1452,2536,2537],{},"some"," value\nrather than allowing an empty state. Not applicable to ",[664,2540,1896],{},":",[719,2543],{"name":2544},"date-picker-prevent-deselect",[723,2546,2548],{"className":924,"code":2547,"language":926,"meta":728,"style":728},"\u003CSDatePicker v-model=\"date\" prevent-deselect \u002F>\n",[664,2549,2550],{"__ignoreMap":728},[732,2551,2552,2554,2556,2558,2560,2562,2564,2566,2569],{"class":734,"line":8},[732,2553,738],{"class":737},[732,2555,876],{"class":741},[732,2557,879],{"class":745},[732,2559,752],{"class":737},[732,2561,884],{"class":755},[732,2563,887],{"class":737},[732,2565,884],{"class":755},[732,2567,2568],{"class":745}," prevent-deselect",[732,2570,892],{"class":737},[906,2572,2574],{"id":2573},"custom-day-content","Custom day content",[661,2576,2577,2578,2581,2582,1207,2584,1207,2587,1207,2590,2592,2593,6,2596,6,2599,2541],{},"The ",[664,2579,2580],{},"day"," slot replaces a day cell's content (in both single-date and range\ngrids) - the cell itself, including its selection\u002Fkeyboard behavior, is\nuntouched. Scoped with ",[664,2583,887],{},[664,2585,2586],{},"dayValue",[664,2588,2589],{},"selected",[664,2591,2428],{},", and (range\nmode only) ",[664,2594,2595],{},"selectionStart",[664,2597,2598],{},"selectionEnd",[664,2600,2601],{},"highlighted",[719,2603],{"name":2604},"date-picker-custom-day",[723,2606,2608],{"className":924,"code":2607,"language":926,"meta":728,"style":728},"\u003CSDatePicker v-model=\"date\">\n  \u003Ctemplate #day=\"{ date: cellDate, dayValue }\">\n    \u003Cspan class=\"relative flex flex-col items-center\">\n      {{ dayValue }}\n      \u003Cspan v-if=\"hasEvent(cellDate)\" class=\"absolute -bottom-1.5 size-1 rounded-full bg-[var(--selaras-resolved-color-primary-fill)]\" \u002F>\n    \u003C\u002Fspan>\n  \u003C\u002Ftemplate>\n\u003C\u002FSDatePicker>\n",[664,2609,2610,2628,2650,2667,2672,2700,2709,2718],{"__ignoreMap":728},[732,2611,2612,2614,2616,2618,2620,2622,2624,2626],{"class":734,"line":8},[732,2613,738],{"class":737},[732,2615,876],{"class":741},[732,2617,879],{"class":745},[732,2619,752],{"class":737},[732,2621,884],{"class":755},[732,2623,887],{"class":737},[732,2625,884],{"class":755},[732,2627,759],{"class":737},[732,2629,2630,2632,2634,2637,2639,2641,2643,2646,2648],{"class":734,"line":762},[732,2631,873],{"class":737},[732,2633,865],{"class":741},[732,2635,2636],{"class":737}," #",[732,2638,2580],{"class":745},[732,2640,752],{"class":737},[732,2642,884],{"class":755},[732,2644,2645],{"class":737},"{ date: cellDate, dayValue }",[732,2647,884],{"class":755},[732,2649,759],{"class":737},[732,2651,2652,2655,2657,2660,2662,2665],{"class":734,"line":781},[732,2653,2654],{"class":737},"    \u003C",[732,2656,732],{"class":741},[732,2658,2659],{"class":745}," class",[732,2661,752],{"class":737},[732,2663,2664],{"class":755},"\"relative flex flex-col items-center\"",[732,2666,759],{"class":737},[732,2668,2669],{"class":734,"line":794},[732,2670,2671],{"class":737},"      {{ dayValue }}\n",[732,2673,2674,2677,2679,2682,2684,2687,2689,2691,2694,2698],{"class":734,"line":800},[732,2675,2676],{"class":737},"      \u003C",[732,2678,732],{"class":741},[732,2680,2681],{"class":745}," v-if",[732,2683,752],{"class":737},[732,2685,2686],{"class":755},"\"hasEvent(cellDate)\"",[732,2688,2659],{"class":745},[732,2690,752],{"class":737},[732,2692,2693],{"class":755},"\"absolute -bottom-1.5 size-1 rounded-full bg-[var(--selaras-resolved-color-primary-fill)]\"",[732,2695,2697],{"class":2696},"s7hpK"," \u002F",[732,2699,759],{"class":737},[732,2701,2702,2705,2707],{"class":734,"line":807},[732,2703,2704],{"class":737},"    \u003C\u002F",[732,2706,732],{"class":741},[732,2708,759],{"class":737},[732,2710,2711,2714,2716],{"class":734,"line":813},[732,2712,2713],{"class":737},"  \u003C\u002F",[732,2715,865],{"class":741},[732,2717,759],{"class":737},[732,2719,2720,2722,2724],{"class":734,"line":819},[732,2721,850],{"class":737},[732,2723,876],{"class":741},[732,2725,759],{"class":737},[906,2727,2729],{"id":2728},"adaptive-presentation","Adaptive presentation",[661,2731,2732,2735,2736,2738,2739,2741],{},[664,2733,2734],{},"adaptive"," switches the calendar to a centered\n",[1822,2737,370],{"href":371}," below your configured adaptive breakpoint.\nIt is opt-in (defaults ",[664,2740,2356],{},"), chooses the presentation on open, and works\nacross single-date, range, and time-only mode:",[719,2743],{"name":2744},"date-picker-adaptive",[906,2746,2748],{"id":2747},"forms-integration","Forms integration",[661,2750,2751,2752,2754,2755,6,2758,713,2761,2080,2764,2767,2768,2770,2771,2773],{},"Wrap it in ",[1822,2753,292],{"href":293}," to get ",[664,2756,2757],{},"id",[664,2759,2760],{},"name",[664,2762,2763],{},"invalid",[664,2765,2766],{},"aria-describedby"," wired up automatically - ",[664,2769,2763],{}," and\n",[664,2772,2092],{}," both fall back to FormField's own state when not set directly.",[906,2775,2777],{"id":2776},"accessibility","Accessibility",[661,2779,2780,2781,2784,2785,713,2788,2791],{},"DatePicker renders Reka UI's DatePicker primitive, so the accessibility\nsemantics come from there rather than being reimplemented here: each date\nsegment is a real ",[664,2782,2783],{},"contenteditable"," element you can type into directly\n(arrow keys\u002Fdigits cycle a segment's value and auto-advance to the next),\nthe calendar grid is keyboard-navigable (arrow keys move between days,\npaging past a grid edge advances the month), and the current\u002Fselected\u002F\nunavailable\u002Fdisabled state of each day is exposed via ",[664,2786,2787],{},"aria-selected",[664,2789,2790],{},"aria-disabled"," in addition to the visual styling.",[906,2793,2795,2796],{"id":2794},"custom-ui","Custom ",[664,2797,2798],{},":ui",[661,2800,2801,2802,2804],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's ",[664,2803,262],{},"'s own theme file:",[2806,2807],"theme-source",{"name":2808},"date-picker",[906,2810,2812],{"id":2811},"time-section-styling","Time section styling",[661,2814,2815,2818,2819,2822],{},[664,2816,2817],{},"ui.timeSection"," styles the time controls below a calendar, including their divider.\n",[664,2820,2821],{},"ui.timeSectionStandalone"," styles time-only controls without adding a divider or\nspacing for an absent calendar. Both slots also support global theme overrides.",[723,2824,2826],{"className":924,"code":2825,"language":926,"meta":728,"style":728},"\u003CSDatePicker time-only :ui=\"{ timeSectionStandalone: 'gap-3' }\" \u002F>\n",[664,2827,2828],{"__ignoreMap":728},[732,2829,2830,2832,2834,2836,2838,2841,2843,2845,2848,2851,2853,2855],{"class":734,"line":8},[732,2831,738],{"class":737},[732,2833,876],{"class":741},[732,2835,2037],{"class":745},[732,2837,947],{"class":737},[732,2839,2840],{"class":745},"ui",[732,2842,752],{"class":737},[732,2844,884],{"class":755},[732,2846,2847],{"class":737},"{ timeSectionStandalone: ",[732,2849,2850],{"class":755},"'gap-3'",[732,2852,1375],{"class":737},[732,2854,884],{"class":755},[732,2856,892],{"class":737},[656,2858,2860],{"id":2859},"props","Props",[2862,2863,2864,2880],"table",{},[2865,2866,2867],"thead",{},[2868,2869,2870,2874,2877],"tr",{},[2871,2872,2873],"th",{},"Prop",[2871,2875,2876],{},"Type",[2871,2878,2879],{},"Default",[2881,2882,2883,2898,2910,2923,2937,2952,2977,2990,3004,3018,3030,3042,3054,3067,3081,3093,3116,3131,3145,3162,3177,3191,3208,3224,3240,3257,3272,3288,3303,3317,3332,3345,3358,3372,3390,3407,3421,3435,3451,3468,3483,3498,3512,3528,3542],"tbody",{},[2868,2884,2885,2890,2895],{},[2886,2887,2888],"td",{},[664,2889,2757],{},[2886,2891,2892],{},[664,2893,2894],{},"string",[2886,2896,2897],{},"-",[2868,2899,2900,2904,2908],{},[2886,2901,2902],{},[664,2903,2760],{},[2886,2905,2906],{},[664,2907,2894],{},[2886,2909,2897],{},[2868,2911,2912,2917,2921],{},[2886,2913,2914],{},[664,2915,2916],{},"form",[2886,2918,2919],{},[664,2920,2894],{},[2886,2922,2897],{},[2868,2924,2925,2930,2935],{},[2886,2926,2927],{},[664,2928,2929],{},"open",[2886,2931,2932],{},[664,2933,2934],{},"boolean",[2886,2936,2897],{},[2868,2938,2939,2944,2948],{},[2886,2940,2941],{},[664,2942,2943],{},"defaultOpen",[2886,2945,2946],{},[664,2947,2934],{},[2886,2949,2950],{},[664,2951,2356],{},[2868,2953,2954,2958,2975],{},[2886,2955,2956],{},[664,2957,1540],{},[2886,2959,2960,1211,2963,2965,2966,2968,2969,2965,2971,2974],{},[664,2961,2962],{},"DateValue | DateRange | Time",[664,2964,1151],{}," when ",[664,2967,1064],{}," is set, ",[664,2970,1908],{},[664,2972,2973],{},"timeOnly"," is set)",[2886,2976,2897],{},[2868,2978,2979,2984,2988],{},[2886,2980,2981],{},[664,2982,2983],{},"defaultValue",[2886,2985,2986],{},[664,2987,2962],{},[2886,2989,2897],{},[2868,2991,2992,2996,3000],{},[2886,2993,2994],{},[664,2995,1064],{},[2886,2997,2998],{},[664,2999,2934],{},[2886,3001,3002],{},[664,3003,2356],{},[2868,3005,3006,3010,3014],{},[2886,3007,3008],{},[664,3009,2973],{},[2886,3011,3012],{},[664,3013,2934],{},[2886,3015,3016],{},[664,3017,2356],{},[2868,3019,3020,3024,3028],{},[2886,3021,3022],{},[664,3023,686],{},[2886,3025,3026],{},[664,3027,674],{},[2886,3029,2897],{},[2868,3031,3032,3036,3040],{},[2886,3033,3034],{},[664,3035,689],{},[2886,3037,3038],{},[664,3039,674],{},[2886,3041,2897],{},[2868,3043,3044,3048,3052],{},[2886,3045,3046],{},[664,3047,693],{},[2886,3049,3050],{},[664,3051,995],{},[2886,3053,2897],{},[2868,3055,3056,3061,3065],{},[2886,3057,3058],{},[664,3059,3060],{},"isDateDisabled",[2886,3062,3063],{},[664,3064,995],{},[2886,3066,2897],{},[2868,3068,3069,3074,3079],{},[2886,3070,3071],{},[664,3072,3073],{},"isDateHighlightable",[2886,3075,3076,3078],{},[664,3077,995],{}," (range only)",[2886,3080,2897],{},[2868,3082,3083,3087,3091],{},[2886,3084,3085],{},[664,3086,1844],{},[2886,3088,3089],{},[664,3090,2894],{},[2886,3092,2897],{},[2868,3094,3095,3100,3105],{},[2886,3096,3097],{},[664,3098,3099],{},"numberOfMonths",[2886,3101,3102],{},[664,3103,3104],{},"number",[2886,3106,3107,3109,3110,2965,3113,3115],{},[664,3108,1551],{},", or ",[664,3111,3112],{},"2",[664,3114,1064],{}," is set",[2868,3117,3118,3123,3127],{},[2886,3119,3120],{},[664,3121,3122],{},"pagedNavigation",[2886,3124,3125],{},[664,3126,2934],{},[2886,3128,3129],{},[664,3130,2356],{},[2868,3132,3133,3138,3143],{},[2886,3134,3135],{},[664,3136,3137],{},"weekStartsOn",[2886,3139,3140],{},[664,3141,3142],{},"0 | 1 | 2 | 3 | 4 | 5 | 6",[2886,3144,2897],{},[2868,3146,3147,3152,3157],{},[2886,3148,3149],{},[664,3150,3151],{},"weekdayFormat",[2886,3153,3154],{},[664,3155,3156],{},"'narrow' | 'short' | 'long'",[2886,3158,3159],{},[664,3160,3161],{},"narrow",[2868,3163,3164,3169,3173],{},[2886,3165,3166],{},[664,3167,3168],{},"fixedWeeks",[2886,3170,3171],{},[664,3172,2934],{},[2886,3174,3175],{},[664,3176,2356],{},[2868,3178,3179,3183,3187],{},[2886,3180,3181],{},[664,3182,1473],{},[2886,3184,3185],{},[664,3186,2934],{},[2886,3188,3189],{},[664,3190,2327],{},[2868,3192,3193,3198,3203],{},[2886,3194,3195],{},[664,3196,3197],{},"triggerMode",[2886,3199,3200],{},[664,3201,3202],{},"'field' | 'button'",[2886,3204,3205],{},[664,3206,3207],{},"field",[2868,3209,3210,3214,3220],{},[2886,3211,3212],{},[664,3213,1389],{},[2886,3215,3216,3219],{},[664,3217,3218],{},"'date' | 'month' | 'year'"," (single-date mode only)",[2886,3221,3222],{},[664,3223,887],{},[2868,3225,3226,3231,3238],{},[2886,3227,3228],{},[664,3229,3230],{},"isMonthDisabled",[2886,3232,3233,1211,3235,3237],{},[664,3234,995],{},[664,3236,1589],{}," only)",[2886,3239,2897],{},[2868,3241,3242,3247,3255],{},[2886,3243,3244],{},[664,3245,3246],{},"isYearDisabled",[2886,3248,3249,1211,3252,3237],{},[664,3250,3251],{},"(year: number) => boolean",[664,3253,3254],{},"view=\"year\"",[2886,3256,2897],{},[2868,3258,3259,3263,3268],{},[2886,3260,3261],{},[664,3262,1458],{},[2886,3264,3265,3219],{},[664,3266,3267],{},"'year' | 'month' | 'day' | 'hour' | 'minute'",[2886,3269,3270],{},[664,3271,2580],{},[2868,3273,3274,3279,3284],{},[2886,3275,3276],{},[664,3277,3278],{},"minuteStep",[2886,3280,3281,3283],{},[664,3282,3104],{}," (hour\u002Fminute granularity only)",[2886,3285,3286],{},[664,3287,1551],{},[2868,3289,3290,3295,3300],{},[2886,3291,3292],{},[664,3293,3294],{},"hourCycle",[2886,3296,3297,3283],{},[664,3298,3299],{},"12 | 24",[2886,3301,3302],{},"locale default",[2868,3304,3305,3309,3313],{},[2886,3306,3307],{},[664,3308,1284],{},[2886,3310,3311],{},[664,3312,1288],{},[2886,3314,3315],{},[664,3316,1292],{},[2868,3318,3319,3324,3328],{},[2886,3320,3321],{},[664,3322,3323],{},"allowNonContiguousRanges",[2886,3325,3326,3078],{},[664,3327,2934],{},[2886,3329,3330],{},[664,3331,2356],{},[2868,3333,3334,3339,3343],{},[2886,3335,3336],{},[664,3337,3338],{},"fixedDate",[2886,3340,3341,3078],{},[664,3342,1214],{},[2886,3344,2897],{},[2868,3346,3347,3352,3356],{},[2886,3348,3349],{},[664,3350,3351],{},"maximumDays",[2886,3353,3354,3078],{},[664,3355,3104],{},[2886,3357,2897],{},[2868,3359,3360,3364,3368],{},[2886,3361,3362],{},[664,3363,2428],{},[2886,3365,3366],{},[664,3367,2934],{},[2886,3369,3370],{},[664,3371,2356],{},[2868,3373,3374,3378,3386],{},[2886,3375,3376],{},[664,3377,2488],{},[2886,3379,3380,3382,3383,3385],{},[664,3381,2934],{}," (not ",[664,3384,2973],{},")",[2886,3387,3388],{},[664,3389,2356],{},[2868,3391,3392,3397,3403],{},[2886,3393,3394],{},[664,3395,3396],{},"preventDeselect",[2886,3398,3399,3382,3401,3385],{},[664,3400,2934],{},[664,3402,2973],{},[2886,3404,3405],{},[664,3406,2356],{},[2868,3408,3409,3413,3417],{},[2886,3410,3411],{},[664,3412,2763],{},[2886,3414,3415],{},[664,3416,2934],{},[2886,3418,3419],{},[664,3420,2356],{},[2868,3422,3423,3427,3431],{},[2886,3424,3425],{},[664,3426,2062],{},[2886,3428,3429],{},[664,3430,2934],{},[2886,3432,3433],{},[664,3434,2356],{},[2868,3436,3437,3441,3446],{},[2886,3438,3439],{},[664,3440,2196],{},[2886,3442,3443],{},[664,3444,3445],{},"'primary' | 'neutral' | 'secondary' | 'success' | 'danger' | 'info' | 'warning'",[2886,3447,3448],{},[664,3449,3450],{},"'neutral'",[2868,3452,3453,3458,3463],{},[2886,3454,3455],{},[664,3456,3457],{},"activeColor",[2886,3459,3460,3461],{},"same as ",[664,3462,2196],{},[2886,3464,3465],{},[664,3466,3467],{},"'primary'",[2868,3469,3470,3474,3479],{},[2886,3471,3472],{},[664,3473,2092],{},[2886,3475,3476],{},[664,3477,3478],{},"'sm' | 'md' | 'lg'",[2886,3480,3481],{},[664,3482,2099],{},[2868,3484,3485,3489,3494],{},[2886,3486,3487],{},[664,3488,2246],{},[2886,3490,3491],{},[664,3492,3493],{},"boolean | RoundedArrowConfig",[2886,3495,3496],{},[664,3497,2356],{},[2868,3499,3500,3504,3509],{},[2886,3501,3502],{},[664,3503,2344],{},[2886,3505,3506],{},[664,3507,3508],{},"OverlayPositioning",[2886,3510,3511],{},"anchored calendar defaults",[2868,3513,3514,3518,3523],{},[2886,3515,3516],{},[664,3517,2352],{},[2886,3519,3520],{},[664,3521,3522],{},"boolean | string | HTMLElement",[2886,3524,3525,3527],{},[664,3526,2327],{}," (document body)",[2868,3529,3530,3534,3538],{},[2886,3531,3532],{},[664,3533,2734],{},[2886,3535,3536],{},[664,3537,2934],{},[2886,3539,3540],{},[664,3541,2356],{},[2868,3543,3544,3548,3553],{},[2886,3545,3546],{},[664,3547,2840],{},[2886,3549,3550],{},[664,3551,3552],{},"Partial\u003CRecord\u003C'root' | 'field' | 'segment' | 'separator' | 'content' | 'mobileContent' | 'header' | 'heading' | 'grids' | 'grid' | 'gridHead' | 'headCell' | 'cell' | 'viewGrid' | 'timeSection' | 'arrow', string | object>>",[2886,3554,2897],{},[656,3556,3558],{"id":3557},"slots","Slots",[2862,3560,3561,3573],{},[2865,3562,3563],{},[2868,3564,3565,3568,3570],{},[2871,3566,3567],{},"Slot",[2871,3569,2860],{},[2871,3571,3572],{},"Description",[2881,3574,3575,3596,3611,3629],{},[2868,3576,3577,3581,3593],{},[2886,3578,3579],{},[664,3580,2580],{},[2886,3582,3583,3586,3587,1207,3589,1207,3591,3385],{},[664,3584,3585],{},"{ date, dayValue, selected, disabled }"," (range mode adds ",[664,3588,2595],{},[664,3590,2598],{},[664,3592,2601],{},[2886,3594,3595],{},"Custom content inside a day-cell button (single-date and range grids)",[2868,3597,3598,3603,3605],{},[2886,3599,3600],{},[664,3601,3602],{},"clear-icon",[2886,3604,2897],{},[2886,3606,3607,3608,3385],{},"Replaces the clear button's icon (default: ",[664,3609,3610],{},"hugeicons:cancel-01",[2868,3612,3613,3618,3620],{},[2886,3614,3615],{},[664,3616,3617],{},"trigger-icon",[2886,3619,2897],{},[2886,3621,3622,3623,6,3626,3385],{},"Replaces the trigger button's icon in both trigger modes (default: ",[664,3624,3625],{},"hugeicons:calendar-01",[664,3627,3628],{},"hugeicons:clock-01",[2868,3630,3631,3636,3638],{},[2886,3632,3633],{},[664,3634,3635],{},"footer",[2886,3637,2897],{},[2886,3639,3640],{},"Content appended below the calendar\u002Ftime content, above the Done button",[656,3642,3644],{"id":3643},"emits","Emits",[2862,3646,3647,3659],{},[2865,3648,3649],{},[2868,3650,3651,3654,3657],{},[2871,3652,3653],{},"Emit",[2871,3655,3656],{},"Payload",[2871,3658,3572],{},[2881,3660,3661,3675,3690],{},[2868,3662,3663,3668,3672],{},[2886,3664,3665],{},[664,3666,3667],{},"update:open",[2886,3669,3670],{},[664,3671,2934],{},[2886,3673,3674],{},"Fires when the picker requests opening or closing",[2868,3676,3677,3682,3687],{},[2886,3678,3679],{},[664,3680,3681],{},"update:modelValue",[2886,3683,3684],{},[664,3685,3686],{},"DateValue | DateRange | undefined",[2886,3688,3689],{},"Fires when a day is picked, typed into the field's segments, or cleared",[2868,3691,3692,3697,3701],{},[2886,3693,3694],{},[664,3695,3696],{},"update:view",[2886,3698,3699],{},[664,3700,3218],{},[2886,3702,3703],{},"Fires when the heading or a month\u002Fyear cell drills the popover to a different view",[3705,3706,3707],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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 .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .s7hpK, html code.shiki .s7hpK{--shiki-default:#B31D28;--shiki-default-font-style:italic;--shiki-dark:#FDAEB7;--shiki-dark-font-style:italic}",{"title":728,"searchDepth":781,"depth":781,"links":3709},[3710,3734,3735,3736],{"id":658,"depth":762,"text":659,"children":3711},[3712,3713,3714,3715,3716,3717,3718,3719,3720,3721,3722,3723,3724,3725,3726,3727,3728,3729,3730,3731,3733],{"id":908,"depth":781,"text":909},{"id":985,"depth":781,"text":986},{"id":1058,"depth":781,"text":1059},{"id":1275,"depth":781,"text":1276},{"id":1382,"depth":781,"text":1383},{"id":1444,"depth":781,"text":1445},{"id":1577,"depth":781,"text":1578},{"id":1659,"depth":781,"text":1660},{"id":1896,"depth":781,"text":1897},{"id":2086,"depth":781,"text":2087},{"id":2190,"depth":781,"text":2191},{"id":2246,"depth":781,"text":2247},{"id":2419,"depth":781,"text":2420},{"id":2482,"depth":781,"text":2483},{"id":2527,"depth":781,"text":2528},{"id":2573,"depth":781,"text":2574},{"id":2728,"depth":781,"text":2729},{"id":2747,"depth":781,"text":2748},{"id":2776,"depth":781,"text":2777},{"id":2794,"depth":781,"text":3732},"Custom :ui",{"id":2811,"depth":781,"text":2812},{"id":2859,"depth":762,"text":2860},{"id":3557,"depth":762,"text":3558},{"id":3643,"depth":762,"text":3644},"A calendar-popover date input built on Reka UI's DatePicker primitive.",{},{"title":262,"description":3737},"4whjlia5GFWoA1LjY02eSATyAYGn02l3YfhBOecibP0",1792056125065]