[{"data":1,"prerenderedAt":2307},["ShallowReactive",2],{"docs-nav:docs_en":3,"\u002Fen\u002Fcomponents\u002Fdate-picker":1047,"surround:\u002Fen\u002Fcomponents\u002Fdate-picker":2301,"demo-code:date-picker\u002Fbasic":2306},[4],{"title":5,"path":6,"stem":7,"children":8,"page":614},"En","\u002Fen","en",[9,32,615],{"title":10,"icon":11,"path":12,"stem":13,"children":14},"Guide","i-lucide-book-open","\u002Fen\u002Fguide","en\u002F01.guide\u002Findex",[15,16,20,24,28],{"title":10,"path":12,"stem":13},{"title":17,"path":18,"stem":19},"Introduction","\u002Fen\u002Fguide\u002Fintroduction","en\u002F01.guide\u002F01.introduction",{"title":21,"path":22,"stem":23},"Installation","\u002Fen\u002Fguide\u002Finstallation","en\u002F01.guide\u002F02.installation",{"title":25,"path":26,"stem":27},"Theming","\u002Fen\u002Fguide\u002Ftheming","en\u002F01.guide\u002F03.theming",{"title":29,"path":30,"stem":31},"AI Integration","\u002Fen\u002Fguide\u002Fai","en\u002F01.guide\u002F04.ai",{"title":33,"icon":34,"path":35,"stem":36,"children":37,"page":614},"Components","i-lucide-component","\u002Fen\u002Fcomponents","en\u002F02.components",[38,43,48,53,57,61,65,69,73,77,81,86,91,96,100,104,108,112,116,121,125,129,133,137,141,146,150,154,158,163,167,171,174,178,182,186,190,194,198,202,206,211,215,219,223,227,231,235,239,243,247,251,255,259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375,379,383,387,391,395,399,403,407,411,415,419,423,427,431,435,439,443,447,451,455,459,463,467,471,475,479,483,487,491,495,499,503,507,511,515,519,523,527,531,534,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610],{"title":39,"path":40,"stem":41,"section":42},"Accordion","\u002Fen\u002Fcomponents\u002Faccordion","en\u002F02.components\u002F01.accordion","Layout",{"title":44,"path":45,"stem":46,"section":47},"Affix","\u002Fen\u002Fcomponents\u002Faffix","en\u002F02.components\u002F02.affix","Navigation",{"title":49,"path":50,"stem":51,"section":52},"AI Action","\u002Fen\u002Fcomponents\u002Fai-action","en\u002F02.components\u002F03.ai-action","AI",{"title":54,"path":55,"stem":56,"section":52},"AI Attachments","\u002Fen\u002Fcomponents\u002Fai-attachments","en\u002F02.components\u002F04.ai-attachments",{"title":58,"path":59,"stem":60,"section":52},"AI Message","\u002Fen\u002Fcomponents\u002Fai-message","en\u002F02.components\u002F05.ai-message",{"title":62,"path":63,"stem":64,"section":52},"AI Prompt Input","\u002Fen\u002Fcomponents\u002Fai-prompt-input","en\u002F02.components\u002F06.ai-prompt-input",{"title":66,"path":67,"stem":68,"section":52},"AI Reasoning","\u002Fen\u002Fcomponents\u002Fai-reasoning","en\u002F02.components\u002F07.ai-reasoning",{"title":70,"path":71,"stem":72,"section":52},"AI Response","\u002Fen\u002Fcomponents\u002Fai-response","en\u002F02.components\u002F08.ai-response",{"title":74,"path":75,"stem":76,"section":52},"AI Source","\u002Fen\u002Fcomponents\u002Fai-source","en\u002F02.components\u002F09.ai-source",{"title":78,"path":79,"stem":80,"section":52},"AI Suggestion","\u002Fen\u002Fcomponents\u002Fai-suggestion","en\u002F02.components\u002F10.ai-suggestion",{"title":82,"path":83,"stem":84,"section":85},"Progress","\u002Fen\u002Fcomponents\u002Fprogress","en\u002F02.components\u002F100.progress","Feedback",{"title":87,"path":88,"stem":89,"section":90},"QR Code","\u002Fen\u002Fcomponents\u002Fqr-code","en\u002F02.components\u002F101.qr-code","Media",{"title":92,"path":93,"stem":94,"section":95},"Radio Group","\u002Fen\u002Fcomponents\u002Fradio-group","en\u002F02.components\u002F102.radio-group","Forms",{"title":97,"path":98,"stem":99,"section":95},"Rating Group","\u002Fen\u002Fcomponents\u002Frating-group","en\u002F02.components\u002F103.rating-group",{"title":101,"path":102,"stem":103,"section":85},"Result","\u002Fen\u002Fcomponents\u002Fresult","en\u002F02.components\u002F104.result",{"title":105,"path":106,"stem":107,"section":42},"Scroll Area","\u002Fen\u002Fcomponents\u002Fscroll-area","en\u002F02.components\u002F105.scroll-area",{"title":109,"path":110,"stem":111,"section":95},"Segment Group","\u002Fen\u002Fcomponents\u002Fsegment-group","en\u002F02.components\u002F106.segment-group",{"title":113,"path":114,"stem":115,"section":95},"Select","\u002Fen\u002Fcomponents\u002Fselect","en\u002F02.components\u002F107.select",{"title":117,"path":118,"stem":119,"section":120},"Separator","\u002Fen\u002Fcomponents\u002Fseparator","en\u002F02.components\u002F108.separator","Elements",{"title":122,"path":123,"stem":124,"section":95},"Signature Pad","\u002Fen\u002Fcomponents\u002Fsignature-pad","en\u002F02.components\u002F109.signature-pad",{"title":126,"path":127,"stem":128,"section":52},"AI Tool","\u002Fen\u002Fcomponents\u002Fai-tool","en\u002F02.components\u002F11.ai-tool",{"title":130,"path":131,"stem":132,"section":85},"Skeleton","\u002Fen\u002Fcomponents\u002Fskeleton","en\u002F02.components\u002F110.skeleton",{"title":134,"path":135,"stem":136,"section":95},"Slider","\u002Fen\u002Fcomponents\u002Fslider","en\u002F02.components\u002F111.slider",{"title":138,"path":139,"stem":140,"section":85},"Spinner","\u002Fen\u002Fcomponents\u002Fspinner","en\u002F02.components\u002F112.spinner",{"title":142,"path":143,"stem":144,"section":145},"Split Button","\u002Fen\u002Fcomponents\u002Fsplit-button","en\u002F02.components\u002F113.split-button","Actions",{"title":147,"path":148,"stem":149,"section":42},"Splitter","\u002Fen\u002Fcomponents\u002Fsplitter","en\u002F02.components\u002F114.splitter",{"title":151,"path":152,"stem":153,"section":42},"Spotlight","\u002Fen\u002Fcomponents\u002Fspotlight","en\u002F02.components\u002F115.spotlight",{"title":155,"path":156,"stem":157,"section":42},"Stack","\u002Fen\u002Fcomponents\u002Fstack","en\u002F02.components\u002F116.stack",{"title":159,"path":160,"stem":161,"section":162},"Stat","\u002Fen\u002Fcomponents\u002Fstat","en\u002F02.components\u002F117.stat","Data",{"title":164,"path":165,"stem":166,"section":47},"Steps","\u002Fen\u002Fcomponents\u002Fsteps","en\u002F02.components\u002F118.steps",{"title":168,"path":169,"stem":170,"section":145},"Swap","\u002Fen\u002Fcomponents\u002Fswap","en\u002F02.components\u002F119.swap",{"title":52,"path":172,"stem":173,"section":52},"\u002Fen\u002Fcomponents\u002Fai","en\u002F02.components\u002F12.ai",{"title":175,"path":176,"stem":177,"section":95},"Switch","\u002Fen\u002Fcomponents\u002Fswitch","en\u002F02.components\u002F120.switch",{"title":179,"path":180,"stem":181,"section":162},"Table","\u002Fen\u002Fcomponents\u002Ftable","en\u002F02.components\u002F121.table",{"title":183,"path":184,"stem":185,"section":47},"Tabs","\u002Fen\u002Fcomponents\u002Ftabs","en\u002F02.components\u002F122.tabs",{"title":187,"path":188,"stem":189,"section":95},"Tags Input","\u002Fen\u002Fcomponents\u002Ftags-input","en\u002F02.components\u002F123.tags-input",{"title":191,"path":192,"stem":193,"section":162},"Terminal","\u002Fen\u002Fcomponents\u002Fterminal","en\u002F02.components\u002F124.terminal",{"title":195,"path":196,"stem":197,"section":95},"Textarea","\u002Fen\u002Fcomponents\u002Ftextarea","en\u002F02.components\u002F125.textarea",{"title":199,"path":200,"stem":201,"section":162},"Timeline","\u002Fen\u002Fcomponents\u002Ftimeline","en\u002F02.components\u002F126.timeline",{"title":203,"path":204,"stem":205,"section":162},"Timer","\u002Fen\u002Fcomponents\u002Ftimer","en\u002F02.components\u002F127.timer",{"title":207,"path":208,"stem":209,"section":210},"Toast","\u002Fen\u002Fcomponents\u002Ftoast","en\u002F02.components\u002F128.toast","Overlay",{"title":212,"path":213,"stem":214,"section":47},"Toc","\u002Fen\u002Fcomponents\u002Ftoc","en\u002F02.components\u002F129.toc",{"title":216,"path":217,"stem":218,"section":85},"Alert","\u002Fen\u002Fcomponents\u002Falert","en\u002F02.components\u002F13.alert",{"title":220,"path":221,"stem":222,"section":145},"Toggle Group","\u002Fen\u002Fcomponents\u002Ftoggle-group","en\u002F02.components\u002F130.toggle-group",{"title":224,"path":225,"stem":226,"section":145},"Toggle","\u002Fen\u002Fcomponents\u002Ftoggle","en\u002F02.components\u002F131.toggle",{"title":228,"path":229,"stem":230,"section":145},"Toolbar","\u002Fen\u002Fcomponents\u002Ftoolbar","en\u002F02.components\u002F132.toolbar",{"title":232,"path":233,"stem":234,"section":210},"Tooltip","\u002Fen\u002Fcomponents\u002Ftooltip","en\u002F02.components\u002F133.tooltip",{"title":236,"path":237,"stem":238,"section":210},"Tour","\u002Fen\u002Fcomponents\u002Ftour","en\u002F02.components\u002F134.tour",{"title":240,"path":241,"stem":242,"section":162},"Transfer","\u002Fen\u002Fcomponents\u002Ftransfer","en\u002F02.components\u002F135.transfer",{"title":244,"path":245,"stem":246,"section":95},"Tree Select","\u002Fen\u002Fcomponents\u002Ftree-select","en\u002F02.components\u002F136.tree-select",{"title":248,"path":249,"stem":250,"section":162},"Tree View","\u002Fen\u002Fcomponents\u002Ftree-view","en\u002F02.components\u002F137.tree-view",{"title":252,"path":253,"stem":254,"section":42},"Typography","\u002Fen\u002Fcomponents\u002Ftypography","en\u002F02.components\u002F138.typography",{"title":256,"path":257,"stem":258,"section":120},"User","\u002Fen\u002Fcomponents\u002Fuser","en\u002F02.components\u002F139.user",{"title":260,"path":261,"stem":262,"section":95},"Angle Slider","\u002Fen\u002Fcomponents\u002Fangle-slider","en\u002F02.components\u002F14.angle-slider",{"title":264,"path":265,"stem":266,"section":162},"Virtual List","\u002Fen\u002Fcomponents\u002Fvirtual-list","en\u002F02.components\u002F140.virtual-list",{"title":268,"path":269,"stem":270,"section":90},"Watermark","\u002Fen\u002Fcomponents\u002Fwatermark","en\u002F02.components\u002F141.watermark",{"title":272,"path":273,"stem":274,"section":162},"Workflow","\u002Fen\u002Fcomponents\u002Fworkflow","en\u002F02.components\u002F142.workflow",{"title":276,"path":277,"stem":278,"section":42},"Aspect Ratio","\u002Fen\u002Fcomponents\u002Faspect-ratio","en\u002F02.components\u002F15.aspect-ratio",{"title":280,"path":281,"stem":282,"section":95},"Autocomplete","\u002Fen\u002Fcomponents\u002Fautocomplete","en\u002F02.components\u002F16.autocomplete",{"title":284,"path":285,"stem":286,"section":120},"Avatar Group","\u002Fen\u002Fcomponents\u002Favatar-group","en\u002F02.components\u002F17.avatar-group",{"title":288,"path":289,"stem":290,"section":120},"Avatar","\u002Fen\u002Fcomponents\u002Favatar","en\u002F02.components\u002F18.avatar",{"title":292,"path":293,"stem":294,"section":47},"Back Top","\u002Fen\u002Fcomponents\u002Fback-top","en\u002F02.components\u002F19.back-top",{"title":296,"path":297,"stem":298,"section":120},"Badge","\u002Fen\u002Fcomponents\u002Fbadge","en\u002F02.components\u002F20.badge",{"title":300,"path":301,"stem":302,"section":85},"Banner","\u002Fen\u002Fcomponents\u002Fbanner","en\u002F02.components\u002F21.banner",{"title":304,"path":305,"stem":306,"section":42},"Bento","\u002Fen\u002Fcomponents\u002Fbento","en\u002F02.components\u002F22.bento",{"title":308,"path":309,"stem":310,"section":85},"Block Ui","\u002Fen\u002Fcomponents\u002Fblock-ui","en\u002F02.components\u002F23.block-ui",{"title":312,"path":313,"stem":314,"section":47},"Breadcrumb","\u002Fen\u002Fcomponents\u002Fbreadcrumb","en\u002F02.components\u002F24.breadcrumb",{"title":316,"path":317,"stem":318,"section":90},"Browser","\u002Fen\u002Fcomponents\u002Fbrowser","en\u002F02.components\u002F25.browser",{"title":320,"path":321,"stem":322,"section":120},"Button Group","\u002Fen\u002Fcomponents\u002Fbutton-group","en\u002F02.components\u002F26.button-group",{"title":324,"path":325,"stem":326,"section":120},"Button","\u002Fen\u002Fcomponents\u002Fbutton","en\u002F02.components\u002F27.button",{"title":328,"path":329,"stem":330,"section":95},"Calendar","\u002Fen\u002Fcomponents\u002Fcalendar","en\u002F02.components\u002F28.calendar",{"title":332,"path":333,"stem":334,"section":120},"Card","\u002Fen\u002Fcomponents\u002Fcard","en\u002F02.components\u002F29.card",{"title":336,"path":337,"stem":338,"section":90},"Carousel","\u002Fen\u002Fcomponents\u002Fcarousel","en\u002F02.components\u002F30.carousel",{"title":340,"path":341,"stem":342,"section":95},"Cascade Select","\u002Fen\u002Fcomponents\u002Fcascade-select","en\u002F02.components\u002F31.cascade-select",{"title":344,"path":345,"stem":346,"section":162},"Chart","\u002Fen\u002Fcomponents\u002Fchart","en\u002F02.components\u002F32.chart",{"title":348,"path":349,"stem":350,"section":95},"Checkbox Group","\u002Fen\u002Fcomponents\u002Fcheckbox-group","en\u002F02.components\u002F33.checkbox-group",{"title":352,"path":353,"stem":354,"section":95},"Checkbox","\u002Fen\u002Fcomponents\u002Fcheckbox","en\u002F02.components\u002F34.checkbox",{"title":356,"path":357,"stem":358,"section":120},"Chip","\u002Fen\u002Fcomponents\u002Fchip","en\u002F02.components\u002F35.chip",{"title":360,"path":361,"stem":362,"section":120},"Client Only","\u002Fen\u002Fcomponents\u002Fclient-only","en\u002F02.components\u002F36.client-only",{"title":364,"path":365,"stem":366,"section":145},"Clipboard","\u002Fen\u002Fcomponents\u002Fclipboard","en\u002F02.components\u002F37.clipboard",{"title":368,"path":369,"stem":370,"section":42},"Collapsible","\u002Fen\u002Fcomponents\u002Fcollapsible","en\u002F02.components\u002F38.collapsible",{"title":372,"path":373,"stem":374,"section":162},"Collection","\u002Fen\u002Fcomponents\u002Fcollection","en\u002F02.components\u002F39.collection",{"title":376,"path":377,"stem":378,"section":95},"Color Picker","\u002Fen\u002Fcomponents\u002Fcolor-picker","en\u002F02.components\u002F40.color-picker",{"title":380,"path":381,"stem":382,"section":95},"Combobox","\u002Fen\u002Fcomponents\u002Fcombobox","en\u002F02.components\u002F41.combobox",{"title":384,"path":385,"stem":386,"section":210},"Command","\u002Fen\u002Fcomponents\u002Fcommand","en\u002F02.components\u002F42.command",{"title":388,"path":389,"stem":390,"section":162},"Comment","\u002Fen\u002Fcomponents\u002Fcomment","en\u002F02.components\u002F43.comment",{"title":392,"path":393,"stem":394,"section":120},"Config Provider","\u002Fen\u002Fcomponents\u002Fconfig-provider","en\u002F02.components\u002F44.config-provider",{"title":396,"path":397,"stem":398,"section":42},"Container","\u002Fen\u002Fcomponents\u002Fcontainer","en\u002F02.components\u002F45.container",{"title":400,"path":401,"stem":402,"section":162},"Data View","\u002Fen\u002Fcomponents\u002Fdata-view","en\u002F02.components\u002F46.data-view",{"title":404,"path":405,"stem":406,"section":95},"Date Input","\u002Fen\u002Fcomponents\u002Fdate-input","en\u002F02.components\u002F47.date-input",{"title":408,"path":409,"stem":410,"section":95},"Date Picker","\u002Fen\u002Fcomponents\u002Fdate-picker","en\u002F02.components\u002F48.date-picker",{"title":412,"path":413,"stem":414,"section":120},"Deferred Content","\u002Fen\u002Fcomponents\u002Fdeferred-content","en\u002F02.components\u002F49.deferred-content",{"title":416,"path":417,"stem":418,"section":162},"Descriptions","\u002Fen\u002Fcomponents\u002Fdescriptions","en\u002F02.components\u002F50.descriptions",{"title":420,"path":421,"stem":422,"section":210},"Dialog","\u002Fen\u002Fcomponents\u002Fdialog","en\u002F02.components\u002F51.dialog",{"title":424,"path":425,"stem":426,"section":145},"Dock","\u002Fen\u002Fcomponents\u002Fdock","en\u002F02.components\u002F52.dock",{"title":428,"path":429,"stem":430,"section":145},"Download Trigger","\u002Fen\u002Fcomponents\u002Fdownload-trigger","en\u002F02.components\u002F53.download-trigger",{"title":432,"path":433,"stem":434,"section":210},"Drawer","\u002Fen\u002Fcomponents\u002Fdrawer","en\u002F02.components\u002F54.drawer",{"title":436,"path":437,"stem":438,"section":95},"Dynamic Input","\u002Fen\u002Fcomponents\u002Fdynamic-input","en\u002F02.components\u002F55.dynamic-input",{"title":440,"path":441,"stem":442,"section":95},"Editable","\u002Fen\u002Fcomponents\u002Feditable","en\u002F02.components\u002F56.editable",{"title":444,"path":445,"stem":446,"section":42},"Ellipsis","\u002Fen\u002Fcomponents\u002Fellipsis","en\u002F02.components\u002F57.ellipsis",{"title":448,"path":449,"stem":450,"section":85},"Empty","\u002Fen\u002Fcomponents\u002Fempty","en\u002F02.components\u002F58.empty",{"title":452,"path":453,"stem":454,"section":95},"Field","\u002Fen\u002Fcomponents\u002Ffield","en\u002F02.components\u002F59.field",{"title":456,"path":457,"stem":458,"section":95},"Fieldset","\u002Fen\u002Fcomponents\u002Ffieldset","en\u002F02.components\u002F60.fieldset",{"title":460,"path":461,"stem":462,"section":95},"File Upload","\u002Fen\u002Fcomponents\u002Ffile-upload","en\u002F02.components\u002F61.file-upload",{"title":464,"path":465,"stem":466,"section":145},"Float Button","\u002Fen\u002Fcomponents\u002Ffloat-button","en\u002F02.components\u002F62.float-button",{"title":468,"path":469,"stem":470,"section":210},"Floating Panel","\u002Fen\u002Fcomponents\u002Ffloating-panel","en\u002F02.components\u002F63.floating-panel",{"title":472,"path":473,"stem":474,"section":210},"Focus Trap","\u002Fen\u002Fcomponents\u002Ffocus-trap","en\u002F02.components\u002F64.focus-trap",{"title":476,"path":477,"stem":478,"section":95},"Form","\u002Fen\u002Fcomponents\u002Fform","en\u002F02.components\u002F65.form",{"title":480,"path":481,"stem":482,"section":120},"Format","\u002Fen\u002Fcomponents\u002Fformat","en\u002F02.components\u002F66.format",{"title":484,"path":485,"stem":486,"section":42},"Frame","\u002Fen\u002Fcomponents\u002Fframe","en\u002F02.components\u002F67.frame",{"title":488,"path":489,"stem":490,"section":42},"Grid","\u002Fen\u002Fcomponents\u002Fgrid","en\u002F02.components\u002F68.grid",{"title":492,"path":493,"stem":494,"section":120},"Highlight","\u002Fen\u002Fcomponents\u002Fhighlight","en\u002F02.components\u002F69.highlight",{"title":496,"path":497,"stem":498,"section":210},"Hover Card","\u002Fen\u002Fcomponents\u002Fhover-card","en\u002F02.components\u002F70.hover-card",{"title":500,"path":501,"stem":502,"section":120},"Icon","\u002Fen\u002Fcomponents\u002Ficon","en\u002F02.components\u002F71.icon",{"title":504,"path":505,"stem":506,"section":90},"Image Cropper","\u002Fen\u002Fcomponents\u002Fimage-cropper","en\u002F02.components\u002F72.image-cropper",{"title":508,"path":509,"stem":510,"section":90},"Image Viewer","\u002Fen\u002Fcomponents\u002Fimage-viewer","en\u002F02.components\u002F73.image-viewer",{"title":512,"path":513,"stem":514,"section":90},"Image","\u002Fen\u002Fcomponents\u002Fimage","en\u002F02.components\u002F74.image",{"title":516,"path":517,"stem":518,"section":95},"Input Group","\u002Fen\u002Fcomponents\u002Finput-group","en\u002F02.components\u002F75.input-group",{"title":520,"path":521,"stem":522,"section":95},"Input","\u002Fen\u002Fcomponents\u002Finput","en\u002F02.components\u002F76.input",{"title":524,"path":525,"stem":526,"section":162},"Json Tree View","\u002Fen\u002Fcomponents\u002Fjson-tree-view","en\u002F02.components\u002F77.json-tree-view",{"title":528,"path":529,"stem":530,"section":120},"Kbd","\u002Fen\u002Fcomponents\u002Fkbd","en\u002F02.components\u002F78.kbd",{"title":42,"path":532,"stem":533,"section":42},"\u002Fen\u002Fcomponents\u002Flayout","en\u002F02.components\u002F79.layout",{"title":535,"path":536,"stem":537,"section":47},"Link","\u002Fen\u002Fcomponents\u002Flink","en\u002F02.components\u002F80.link",{"title":539,"path":540,"stem":541,"section":162},"List","\u002Fen\u002Fcomponents\u002Flist","en\u002F02.components\u002F81.list",{"title":543,"path":544,"stem":545,"section":95},"Listbox","\u002Fen\u002Fcomponents\u002Flistbox","en\u002F02.components\u002F82.listbox",{"title":547,"path":548,"stem":549,"section":90},"Marquee","\u002Fen\u002Fcomponents\u002Fmarquee","en\u002F02.components\u002F83.marquee",{"title":551,"path":552,"stem":553,"section":42},"Masonry","\u002Fen\u002Fcomponents\u002Fmasonry","en\u002F02.components\u002F84.masonry",{"title":555,"path":556,"stem":557,"section":95},"Mentions","\u002Fen\u002Fcomponents\u002Fmentions","en\u002F02.components\u002F85.mentions",{"title":559,"path":560,"stem":561,"section":210},"Menu","\u002Fen\u002Fcomponents\u002Fmenu","en\u002F02.components\u002F86.menu",{"title":563,"path":564,"stem":565,"section":47},"Menubar","\u002Fen\u002Fcomponents\u002Fmenubar","en\u002F02.components\u002F87.menubar",{"title":567,"path":568,"stem":569,"section":85},"Meter","\u002Fen\u002Fcomponents\u002Fmeter","en\u002F02.components\u002F88.meter",{"title":571,"path":572,"stem":573,"section":47},"Navigation Menu","\u002Fen\u002Fcomponents\u002Fnavigation-menu","en\u002F02.components\u002F89.navigation-menu",{"title":575,"path":576,"stem":577,"section":95},"Number Input","\u002Fen\u002Fcomponents\u002Fnumber-input","en\u002F02.components\u002F90.number-input",{"title":579,"path":580,"stem":581,"section":162},"Order List","\u002Fen\u002Fcomponents\u002Forder-list","en\u002F02.components\u002F91.order-list",{"title":583,"path":584,"stem":585,"section":42},"Page Header","\u002Fen\u002Fcomponents\u002Fpage-header","en\u002F02.components\u002F92.page-header",{"title":587,"path":588,"stem":589,"section":47},"Pagination","\u002Fen\u002Fcomponents\u002Fpagination","en\u002F02.components\u002F93.pagination",{"title":591,"path":592,"stem":593,"section":95},"Password Input","\u002Fen\u002Fcomponents\u002Fpassword-input","en\u002F02.components\u002F94.password-input",{"title":595,"path":596,"stem":597,"section":95},"Pin Input","\u002Fen\u002Fcomponents\u002Fpin-input","en\u002F02.components\u002F95.pin-input",{"title":599,"path":600,"stem":601,"section":210},"Popconfirm","\u002Fen\u002Fcomponents\u002Fpopconfirm","en\u002F02.components\u002F96.popconfirm",{"title":603,"path":604,"stem":605,"section":210},"Popover","\u002Fen\u002Fcomponents\u002Fpopover","en\u002F02.components\u002F97.popover",{"title":607,"path":608,"stem":609,"section":120},"Presence","\u002Fen\u002Fcomponents\u002Fpresence","en\u002F02.components\u002F98.presence",{"title":611,"path":612,"stem":613,"section":85},"Progress Group","\u002Fen\u002Fcomponents\u002Fprogress-group","en\u002F02.components\u002F99.progress-group",false,{"title":616,"icon":617,"path":618,"stem":619,"children":620,"page":614},"Reference","i-lucide-book-marked","\u002Fen\u002Freference","en\u002F03.reference",[621,624,627,630,633,636,639,642,645,648,651,654,657,660,663,666,669,672,675,678,681,684,687,690,693,696,699,702,705,708,711,714,717,720,723,726,729,732,735,738,741,744,747,750,753,756,759,762,765,768,771,774,777,780,783,786,789,792,795,798,801,804,807,810,813,816,819,822,825,828,831,834,837,840,843,846,849,852,855,858,861,864,867,870,873,876,879,882,885,888,891,894,897,900,903,906,909,912,915,918,921,924,927,930,933,936,939,942,945,948,951,954,957,960,963,966,969,972,975,978,981,984,987,990,993,996,999,1002,1005,1008,1011,1014,1017,1020,1023,1026,1029,1032,1035,1038,1041,1044],{"title":39,"path":622,"stem":623,"section":42},"\u002Fen\u002Freference\u002Faccordion","en\u002F03.reference\u002F01.accordion",{"title":44,"path":625,"stem":626,"section":47},"\u002Fen\u002Freference\u002Faffix","en\u002F03.reference\u002F02.affix",{"title":49,"path":628,"stem":629,"section":52},"\u002Fen\u002Freference\u002Fai-action","en\u002F03.reference\u002F03.ai-action",{"title":54,"path":631,"stem":632,"section":52},"\u002Fen\u002Freference\u002Fai-attachments","en\u002F03.reference\u002F04.ai-attachments",{"title":58,"path":634,"stem":635,"section":52},"\u002Fen\u002Freference\u002Fai-message","en\u002F03.reference\u002F05.ai-message",{"title":62,"path":637,"stem":638,"section":52},"\u002Fen\u002Freference\u002Fai-prompt-input","en\u002F03.reference\u002F06.ai-prompt-input",{"title":66,"path":640,"stem":641,"section":52},"\u002Fen\u002Freference\u002Fai-reasoning","en\u002F03.reference\u002F07.ai-reasoning",{"title":70,"path":643,"stem":644,"section":52},"\u002Fen\u002Freference\u002Fai-response","en\u002F03.reference\u002F08.ai-response",{"title":74,"path":646,"stem":647,"section":52},"\u002Fen\u002Freference\u002Fai-source","en\u002F03.reference\u002F09.ai-source",{"title":78,"path":649,"stem":650,"section":52},"\u002Fen\u002Freference\u002Fai-suggestion","en\u002F03.reference\u002F10.ai-suggestion",{"title":82,"path":652,"stem":653,"section":85},"\u002Fen\u002Freference\u002Fprogress","en\u002F03.reference\u002F100.progress",{"title":87,"path":655,"stem":656,"section":90},"\u002Fen\u002Freference\u002Fqr-code","en\u002F03.reference\u002F101.qr-code",{"title":92,"path":658,"stem":659,"section":95},"\u002Fen\u002Freference\u002Fradio-group","en\u002F03.reference\u002F102.radio-group",{"title":97,"path":661,"stem":662,"section":95},"\u002Fen\u002Freference\u002Frating-group","en\u002F03.reference\u002F103.rating-group",{"title":101,"path":664,"stem":665,"section":85},"\u002Fen\u002Freference\u002Fresult","en\u002F03.reference\u002F104.result",{"title":105,"path":667,"stem":668,"section":42},"\u002Fen\u002Freference\u002Fscroll-area","en\u002F03.reference\u002F105.scroll-area",{"title":109,"path":670,"stem":671,"section":95},"\u002Fen\u002Freference\u002Fsegment-group","en\u002F03.reference\u002F106.segment-group",{"title":113,"path":673,"stem":674,"section":95},"\u002Fen\u002Freference\u002Fselect","en\u002F03.reference\u002F107.select",{"title":117,"path":676,"stem":677,"section":120},"\u002Fen\u002Freference\u002Fseparator","en\u002F03.reference\u002F108.separator",{"title":122,"path":679,"stem":680,"section":95},"\u002Fen\u002Freference\u002Fsignature-pad","en\u002F03.reference\u002F109.signature-pad",{"title":126,"path":682,"stem":683,"section":52},"\u002Fen\u002Freference\u002Fai-tool","en\u002F03.reference\u002F11.ai-tool",{"title":130,"path":685,"stem":686,"section":85},"\u002Fen\u002Freference\u002Fskeleton","en\u002F03.reference\u002F110.skeleton",{"title":134,"path":688,"stem":689,"section":95},"\u002Fen\u002Freference\u002Fslider","en\u002F03.reference\u002F111.slider",{"title":138,"path":691,"stem":692,"section":85},"\u002Fen\u002Freference\u002Fspinner","en\u002F03.reference\u002F112.spinner",{"title":142,"path":694,"stem":695,"section":145},"\u002Fen\u002Freference\u002Fsplit-button","en\u002F03.reference\u002F113.split-button",{"title":147,"path":697,"stem":698,"section":42},"\u002Fen\u002Freference\u002Fsplitter","en\u002F03.reference\u002F114.splitter",{"title":151,"path":700,"stem":701,"section":42},"\u002Fen\u002Freference\u002Fspotlight","en\u002F03.reference\u002F115.spotlight",{"title":155,"path":703,"stem":704,"section":42},"\u002Fen\u002Freference\u002Fstack","en\u002F03.reference\u002F116.stack",{"title":159,"path":706,"stem":707,"section":162},"\u002Fen\u002Freference\u002Fstat","en\u002F03.reference\u002F117.stat",{"title":164,"path":709,"stem":710,"section":47},"\u002Fen\u002Freference\u002Fsteps","en\u002F03.reference\u002F118.steps",{"title":168,"path":712,"stem":713,"section":145},"\u002Fen\u002Freference\u002Fswap","en\u002F03.reference\u002F119.swap",{"title":52,"path":715,"stem":716,"section":52},"\u002Fen\u002Freference\u002Fai","en\u002F03.reference\u002F12.ai",{"title":175,"path":718,"stem":719,"section":95},"\u002Fen\u002Freference\u002Fswitch","en\u002F03.reference\u002F120.switch",{"title":179,"path":721,"stem":722,"section":162},"\u002Fen\u002Freference\u002Ftable","en\u002F03.reference\u002F121.table",{"title":183,"path":724,"stem":725,"section":47},"\u002Fen\u002Freference\u002Ftabs","en\u002F03.reference\u002F122.tabs",{"title":187,"path":727,"stem":728,"section":95},"\u002Fen\u002Freference\u002Ftags-input","en\u002F03.reference\u002F123.tags-input",{"title":191,"path":730,"stem":731,"section":162},"\u002Fen\u002Freference\u002Fterminal","en\u002F03.reference\u002F124.terminal",{"title":195,"path":733,"stem":734,"section":95},"\u002Fen\u002Freference\u002Ftextarea","en\u002F03.reference\u002F125.textarea",{"title":199,"path":736,"stem":737,"section":162},"\u002Fen\u002Freference\u002Ftimeline","en\u002F03.reference\u002F126.timeline",{"title":203,"path":739,"stem":740,"section":162},"\u002Fen\u002Freference\u002Ftimer","en\u002F03.reference\u002F127.timer",{"title":207,"path":742,"stem":743,"section":210},"\u002Fen\u002Freference\u002Ftoast","en\u002F03.reference\u002F128.toast",{"title":212,"path":745,"stem":746,"section":47},"\u002Fen\u002Freference\u002Ftoc","en\u002F03.reference\u002F129.toc",{"title":216,"path":748,"stem":749,"section":85},"\u002Fen\u002Freference\u002Falert","en\u002F03.reference\u002F13.alert",{"title":220,"path":751,"stem":752,"section":145},"\u002Fen\u002Freference\u002Ftoggle-group","en\u002F03.reference\u002F130.toggle-group",{"title":224,"path":754,"stem":755,"section":145},"\u002Fen\u002Freference\u002Ftoggle","en\u002F03.reference\u002F131.toggle",{"title":228,"path":757,"stem":758,"section":145},"\u002Fen\u002Freference\u002Ftoolbar","en\u002F03.reference\u002F132.toolbar",{"title":232,"path":760,"stem":761,"section":210},"\u002Fen\u002Freference\u002Ftooltip","en\u002F03.reference\u002F133.tooltip",{"title":236,"path":763,"stem":764,"section":210},"\u002Fen\u002Freference\u002Ftour","en\u002F03.reference\u002F134.tour",{"title":240,"path":766,"stem":767,"section":162},"\u002Fen\u002Freference\u002Ftransfer","en\u002F03.reference\u002F135.transfer",{"title":244,"path":769,"stem":770,"section":95},"\u002Fen\u002Freference\u002Ftree-select","en\u002F03.reference\u002F136.tree-select",{"title":248,"path":772,"stem":773,"section":162},"\u002Fen\u002Freference\u002Ftree-view","en\u002F03.reference\u002F137.tree-view",{"title":252,"path":775,"stem":776,"section":42},"\u002Fen\u002Freference\u002Ftypography","en\u002F03.reference\u002F138.typography",{"title":256,"path":778,"stem":779,"section":120},"\u002Fen\u002Freference\u002Fuser","en\u002F03.reference\u002F139.user",{"title":260,"path":781,"stem":782,"section":95},"\u002Fen\u002Freference\u002Fangle-slider","en\u002F03.reference\u002F14.angle-slider",{"title":264,"path":784,"stem":785,"section":162},"\u002Fen\u002Freference\u002Fvirtual-list","en\u002F03.reference\u002F140.virtual-list",{"title":268,"path":787,"stem":788,"section":90},"\u002Fen\u002Freference\u002Fwatermark","en\u002F03.reference\u002F141.watermark",{"title":272,"path":790,"stem":791,"section":162},"\u002Fen\u002Freference\u002Fworkflow","en\u002F03.reference\u002F142.workflow",{"title":276,"path":793,"stem":794,"section":42},"\u002Fen\u002Freference\u002Faspect-ratio","en\u002F03.reference\u002F15.aspect-ratio",{"title":280,"path":796,"stem":797,"section":95},"\u002Fen\u002Freference\u002Fautocomplete","en\u002F03.reference\u002F16.autocomplete",{"title":284,"path":799,"stem":800,"section":120},"\u002Fen\u002Freference\u002Favatar-group","en\u002F03.reference\u002F17.avatar-group",{"title":288,"path":802,"stem":803,"section":120},"\u002Fen\u002Freference\u002Favatar","en\u002F03.reference\u002F18.avatar",{"title":292,"path":805,"stem":806,"section":47},"\u002Fen\u002Freference\u002Fback-top","en\u002F03.reference\u002F19.back-top",{"title":296,"path":808,"stem":809,"section":120},"\u002Fen\u002Freference\u002Fbadge","en\u002F03.reference\u002F20.badge",{"title":300,"path":811,"stem":812,"section":85},"\u002Fen\u002Freference\u002Fbanner","en\u002F03.reference\u002F21.banner",{"title":304,"path":814,"stem":815,"section":42},"\u002Fen\u002Freference\u002Fbento","en\u002F03.reference\u002F22.bento",{"title":308,"path":817,"stem":818,"section":85},"\u002Fen\u002Freference\u002Fblock-ui","en\u002F03.reference\u002F23.block-ui",{"title":312,"path":820,"stem":821,"section":47},"\u002Fen\u002Freference\u002Fbreadcrumb","en\u002F03.reference\u002F24.breadcrumb",{"title":316,"path":823,"stem":824,"section":90},"\u002Fen\u002Freference\u002Fbrowser","en\u002F03.reference\u002F25.browser",{"title":320,"path":826,"stem":827,"section":120},"\u002Fen\u002Freference\u002Fbutton-group","en\u002F03.reference\u002F26.button-group",{"title":324,"path":829,"stem":830,"section":120},"\u002Fen\u002Freference\u002Fbutton","en\u002F03.reference\u002F27.button",{"title":328,"path":832,"stem":833,"section":95},"\u002Fen\u002Freference\u002Fcalendar","en\u002F03.reference\u002F28.calendar",{"title":332,"path":835,"stem":836,"section":120},"\u002Fen\u002Freference\u002Fcard","en\u002F03.reference\u002F29.card",{"title":336,"path":838,"stem":839,"section":90},"\u002Fen\u002Freference\u002Fcarousel","en\u002F03.reference\u002F30.carousel",{"title":340,"path":841,"stem":842,"section":95},"\u002Fen\u002Freference\u002Fcascade-select","en\u002F03.reference\u002F31.cascade-select",{"title":344,"path":844,"stem":845,"section":162},"\u002Fen\u002Freference\u002Fchart","en\u002F03.reference\u002F32.chart",{"title":348,"path":847,"stem":848,"section":95},"\u002Fen\u002Freference\u002Fcheckbox-group","en\u002F03.reference\u002F33.checkbox-group",{"title":352,"path":850,"stem":851,"section":95},"\u002Fen\u002Freference\u002Fcheckbox","en\u002F03.reference\u002F34.checkbox",{"title":356,"path":853,"stem":854,"section":120},"\u002Fen\u002Freference\u002Fchip","en\u002F03.reference\u002F35.chip",{"title":360,"path":856,"stem":857,"section":120},"\u002Fen\u002Freference\u002Fclient-only","en\u002F03.reference\u002F36.client-only",{"title":364,"path":859,"stem":860,"section":145},"\u002Fen\u002Freference\u002Fclipboard","en\u002F03.reference\u002F37.clipboard",{"title":368,"path":862,"stem":863,"section":42},"\u002Fen\u002Freference\u002Fcollapsible","en\u002F03.reference\u002F38.collapsible",{"title":372,"path":865,"stem":866,"section":162},"\u002Fen\u002Freference\u002Fcollection","en\u002F03.reference\u002F39.collection",{"title":376,"path":868,"stem":869,"section":95},"\u002Fen\u002Freference\u002Fcolor-picker","en\u002F03.reference\u002F40.color-picker",{"title":380,"path":871,"stem":872,"section":95},"\u002Fen\u002Freference\u002Fcombobox","en\u002F03.reference\u002F41.combobox",{"title":384,"path":874,"stem":875,"section":210},"\u002Fen\u002Freference\u002Fcommand","en\u002F03.reference\u002F42.command",{"title":388,"path":877,"stem":878,"section":162},"\u002Fen\u002Freference\u002Fcomment","en\u002F03.reference\u002F43.comment",{"title":392,"path":880,"stem":881,"section":120},"\u002Fen\u002Freference\u002Fconfig-provider","en\u002F03.reference\u002F44.config-provider",{"title":396,"path":883,"stem":884,"section":42},"\u002Fen\u002Freference\u002Fcontainer","en\u002F03.reference\u002F45.container",{"title":400,"path":886,"stem":887,"section":162},"\u002Fen\u002Freference\u002Fdata-view","en\u002F03.reference\u002F46.data-view",{"title":404,"path":889,"stem":890,"section":95},"\u002Fen\u002Freference\u002Fdate-input","en\u002F03.reference\u002F47.date-input",{"title":408,"path":892,"stem":893,"section":95},"\u002Fen\u002Freference\u002Fdate-picker","en\u002F03.reference\u002F48.date-picker",{"title":412,"path":895,"stem":896,"section":120},"\u002Fen\u002Freference\u002Fdeferred-content","en\u002F03.reference\u002F49.deferred-content",{"title":416,"path":898,"stem":899,"section":162},"\u002Fen\u002Freference\u002Fdescriptions","en\u002F03.reference\u002F50.descriptions",{"title":420,"path":901,"stem":902,"section":210},"\u002Fen\u002Freference\u002Fdialog","en\u002F03.reference\u002F51.dialog",{"title":424,"path":904,"stem":905,"section":145},"\u002Fen\u002Freference\u002Fdock","en\u002F03.reference\u002F52.dock",{"title":428,"path":907,"stem":908,"section":145},"\u002Fen\u002Freference\u002Fdownload-trigger","en\u002F03.reference\u002F53.download-trigger",{"title":432,"path":910,"stem":911,"section":210},"\u002Fen\u002Freference\u002Fdrawer","en\u002F03.reference\u002F54.drawer",{"title":436,"path":913,"stem":914,"section":95},"\u002Fen\u002Freference\u002Fdynamic-input","en\u002F03.reference\u002F55.dynamic-input",{"title":440,"path":916,"stem":917,"section":95},"\u002Fen\u002Freference\u002Feditable","en\u002F03.reference\u002F56.editable",{"title":444,"path":919,"stem":920,"section":42},"\u002Fen\u002Freference\u002Fellipsis","en\u002F03.reference\u002F57.ellipsis",{"title":448,"path":922,"stem":923,"section":85},"\u002Fen\u002Freference\u002Fempty","en\u002F03.reference\u002F58.empty",{"title":452,"path":925,"stem":926,"section":95},"\u002Fen\u002Freference\u002Ffield","en\u002F03.reference\u002F59.field",{"title":456,"path":928,"stem":929,"section":95},"\u002Fen\u002Freference\u002Ffieldset","en\u002F03.reference\u002F60.fieldset",{"title":460,"path":931,"stem":932,"section":95},"\u002Fen\u002Freference\u002Ffile-upload","en\u002F03.reference\u002F61.file-upload",{"title":464,"path":934,"stem":935,"section":145},"\u002Fen\u002Freference\u002Ffloat-button","en\u002F03.reference\u002F62.float-button",{"title":468,"path":937,"stem":938,"section":210},"\u002Fen\u002Freference\u002Ffloating-panel","en\u002F03.reference\u002F63.floating-panel",{"title":472,"path":940,"stem":941,"section":210},"\u002Fen\u002Freference\u002Ffocus-trap","en\u002F03.reference\u002F64.focus-trap",{"title":476,"path":943,"stem":944,"section":95},"\u002Fen\u002Freference\u002Fform","en\u002F03.reference\u002F65.form",{"title":480,"path":946,"stem":947,"section":120},"\u002Fen\u002Freference\u002Fformat","en\u002F03.reference\u002F66.format",{"title":484,"path":949,"stem":950,"section":42},"\u002Fen\u002Freference\u002Fframe","en\u002F03.reference\u002F67.frame",{"title":488,"path":952,"stem":953,"section":42},"\u002Fen\u002Freference\u002Fgrid","en\u002F03.reference\u002F68.grid",{"title":492,"path":955,"stem":956,"section":120},"\u002Fen\u002Freference\u002Fhighlight","en\u002F03.reference\u002F69.highlight",{"title":496,"path":958,"stem":959,"section":210},"\u002Fen\u002Freference\u002Fhover-card","en\u002F03.reference\u002F70.hover-card",{"title":500,"path":961,"stem":962,"section":120},"\u002Fen\u002Freference\u002Ficon","en\u002F03.reference\u002F71.icon",{"title":504,"path":964,"stem":965,"section":90},"\u002Fen\u002Freference\u002Fimage-cropper","en\u002F03.reference\u002F72.image-cropper",{"title":508,"path":967,"stem":968,"section":90},"\u002Fen\u002Freference\u002Fimage-viewer","en\u002F03.reference\u002F73.image-viewer",{"title":512,"path":970,"stem":971,"section":90},"\u002Fen\u002Freference\u002Fimage","en\u002F03.reference\u002F74.image",{"title":516,"path":973,"stem":974,"section":95},"\u002Fen\u002Freference\u002Finput-group","en\u002F03.reference\u002F75.input-group",{"title":520,"path":976,"stem":977,"section":95},"\u002Fen\u002Freference\u002Finput","en\u002F03.reference\u002F76.input",{"title":524,"path":979,"stem":980,"section":162},"\u002Fen\u002Freference\u002Fjson-tree-view","en\u002F03.reference\u002F77.json-tree-view",{"title":528,"path":982,"stem":983,"section":120},"\u002Fen\u002Freference\u002Fkbd","en\u002F03.reference\u002F78.kbd",{"title":42,"path":985,"stem":986,"section":42},"\u002Fen\u002Freference\u002Flayout","en\u002F03.reference\u002F79.layout",{"title":535,"path":988,"stem":989,"section":47},"\u002Fen\u002Freference\u002Flink","en\u002F03.reference\u002F80.link",{"title":539,"path":991,"stem":992,"section":162},"\u002Fen\u002Freference\u002Flist","en\u002F03.reference\u002F81.list",{"title":543,"path":994,"stem":995,"section":95},"\u002Fen\u002Freference\u002Flistbox","en\u002F03.reference\u002F82.listbox",{"title":547,"path":997,"stem":998,"section":90},"\u002Fen\u002Freference\u002Fmarquee","en\u002F03.reference\u002F83.marquee",{"title":551,"path":1000,"stem":1001,"section":42},"\u002Fen\u002Freference\u002Fmasonry","en\u002F03.reference\u002F84.masonry",{"title":555,"path":1003,"stem":1004,"section":95},"\u002Fen\u002Freference\u002Fmentions","en\u002F03.reference\u002F85.mentions",{"title":559,"path":1006,"stem":1007,"section":210},"\u002Fen\u002Freference\u002Fmenu","en\u002F03.reference\u002F86.menu",{"title":563,"path":1009,"stem":1010,"section":47},"\u002Fen\u002Freference\u002Fmenubar","en\u002F03.reference\u002F87.menubar",{"title":567,"path":1012,"stem":1013,"section":85},"\u002Fen\u002Freference\u002Fmeter","en\u002F03.reference\u002F88.meter",{"title":571,"path":1015,"stem":1016,"section":47},"\u002Fen\u002Freference\u002Fnavigation-menu","en\u002F03.reference\u002F89.navigation-menu",{"title":575,"path":1018,"stem":1019,"section":95},"\u002Fen\u002Freference\u002Fnumber-input","en\u002F03.reference\u002F90.number-input",{"title":579,"path":1021,"stem":1022,"section":162},"\u002Fen\u002Freference\u002Forder-list","en\u002F03.reference\u002F91.order-list",{"title":583,"path":1024,"stem":1025,"section":42},"\u002Fen\u002Freference\u002Fpage-header","en\u002F03.reference\u002F92.page-header",{"title":587,"path":1027,"stem":1028,"section":47},"\u002Fen\u002Freference\u002Fpagination","en\u002F03.reference\u002F93.pagination",{"title":591,"path":1030,"stem":1031,"section":95},"\u002Fen\u002Freference\u002Fpassword-input","en\u002F03.reference\u002F94.password-input",{"title":595,"path":1033,"stem":1034,"section":95},"\u002Fen\u002Freference\u002Fpin-input","en\u002F03.reference\u002F95.pin-input",{"title":599,"path":1036,"stem":1037,"section":210},"\u002Fen\u002Freference\u002Fpopconfirm","en\u002F03.reference\u002F96.popconfirm",{"title":603,"path":1039,"stem":1040,"section":210},"\u002Fen\u002Freference\u002Fpopover","en\u002F03.reference\u002F97.popover",{"title":607,"path":1042,"stem":1043,"section":120},"\u002Fen\u002Freference\u002Fpresence","en\u002F03.reference\u002F98.presence",{"title":611,"path":1045,"stem":1046,"section":85},"\u002Fen\u002Freference\u002Fprogress-group","en\u002F03.reference\u002F99.progress-group",{"id":1048,"title":408,"body":1049,"description":2295,"extension":2296,"meta":2297,"navigation":2298,"path":409,"seo":2299,"stem":410,"__hash__":2300},"docs_en\u002Fen\u002F02.components\u002F48.date-picker.md",{"type":1050,"value":1051,"toc":2260},"minimark",[1052,1057,1061,1065,1070,1074,1078,1080,1084,1086,1089,1153,1157,1159,1163,1165,1169,1171,1175,1177,1181,1214,1218,1220,1224,1226,1230,1963,1967,1969,1973,1975,1979,2010,2014,2016,2020,2022,2026,2028,2030,2091,2095,2097,2101,2151,2155,2157,2161,2163,2166,2197,2201,2248,2252,2254,2258],[1053,1054,1056],"h2",{"id":1055},"basic-usage","Basic usage",[1058,1059],"component-demo",{"name":1060},"date-picker\u002Fbasic",[1053,1062,1064],{"id":1063},"props","Props",[1066,1067,1069],"h3",{"id":1068},"cleartrigger","ClearTrigger",[1071,1072,1073],"p",{},"A styled part — no props of its own; it takes the anatomy's shared styling.",[1066,1075,1077],{"id":1076},"content","Content",[1071,1079,1073],{},[1066,1081,1083],{"id":1082},"control","Control",[1071,1085,1073],{},[1066,1087,520],{"id":1088},"input",[1090,1091,1092,1111],"table",{},[1093,1094,1095],"thead",{},[1096,1097,1098,1102,1105,1108],"tr",{},[1099,1100,1101],"th",{},"Prop",[1099,1103,1104],{},"Type",[1099,1106,1107],{},"Default",[1099,1109,1110],{},"Description",[1112,1113,1114,1136],"tbody",{},[1096,1115,1116,1123,1128,1133],{},[1117,1118,1119],"td",{},[1120,1121,1122],"code",{},"fixOnBlur",[1117,1124,1125],{},[1120,1126,1127],{},"boolean | undefined",[1117,1129,1130],{},[1120,1131,1132],{},"true",[1117,1134,1135],{},"Whether to fix the input value on blur.",[1096,1137,1138,1143,1148,1150],{},[1117,1139,1140],{},[1120,1141,1142],{},"index",[1117,1144,1145],{},[1120,1146,1147],{},"number | undefined",[1117,1149],{},[1117,1151,1152],{},"The index of the input to focus.",[1066,1154,1156],{"id":1155},"label","Label",[1071,1158,1073],{},[1066,1160,1162],{"id":1161},"monthselect","MonthSelect",[1071,1164,1073],{},[1066,1166,1168],{"id":1167},"nexttrigger","NextTrigger",[1071,1170,1073],{},[1066,1172,1174],{"id":1173},"positioner","Positioner",[1071,1176,1073],{},[1066,1178,1180],{"id":1179},"presettrigger","PresetTrigger",[1090,1182,1183,1195],{},[1093,1184,1185],{},[1096,1186,1187,1189,1191,1193],{},[1099,1188,1101],{},[1099,1190,1104],{},[1099,1192,1107],{},[1099,1194,1110],{},[1112,1196,1197],{},[1096,1198,1199,1204,1209,1211],{},[1117,1200,1201],{},[1120,1202,1203],{},"value",[1117,1205,1206],{},[1120,1207,1208],{},"PresetTriggerValue",[1117,1210],{},[1117,1212,1213],{},"—",[1066,1215,1217],{"id":1216},"prevtrigger","PrevTrigger",[1071,1219,1073],{},[1066,1221,1223],{"id":1222},"rangetext","RangeText",[1071,1225,1073],{},[1066,1227,1229],{"id":1228},"root","Root",[1090,1231,1232,1244],{},[1093,1233,1234],{},[1096,1235,1236,1238,1240,1242],{},[1099,1237,1101],{},[1099,1239,1104],{},[1099,1241,1107],{},[1099,1243,1110],{},[1112,1245,1246,1266,1289,1306,1323,1339,1356,1376,1392,1408,1424,1441,1458,1475,1491,1507,1524,1543,1559,1582,1601,1617,1635,1651,1670,1686,1702,1721,1739,1756,1772,1789,1805,1821,1851,1867,1911,1930,1947],{},[1096,1247,1248,1253,1258,1263],{},[1117,1249,1250],{},[1120,1251,1252],{},"size",[1117,1254,1255],{},[1120,1256,1257],{},"String as PropType\u003C\"sm\" | \"md\" | \"lg\">",[1117,1259,1260],{},[1120,1261,1262],{},"\"md\"",[1117,1264,1265],{},"One rung of the control-height ladder for the field row.",[1096,1267,1268,1273,1278,1282],{},[1117,1269,1270],{},[1120,1271,1272],{},"closeOnSelect",[1117,1274,1275],{},[1120,1276,1277],{},"boolean",[1117,1279,1280],{},[1120,1281,1132],{},[1117,1283,1284,1285,1288],{},"Whether the calendar should close after the date selection is complete. This is ignored when the selection mode is ",[1120,1286,1287],{},"multiple",".",[1096,1290,1291,1296,1301,1303],{},[1117,1292,1293],{},[1120,1294,1295],{},"createCalendar",[1117,1297,1298],{},[1120,1299,1300],{},"(identifier: datePicker.CalendarIdentifier) => datePicker.Calendar",[1117,1302],{},[1117,1304,1305],{},"A function that creates a Calendar object for a given calendar identifier. Enables non-Gregorian calendar support (Persian, Buddhist, Islamic, etc.) without bundling all calendars by default. @example import { createCalendar } from \"@internationalized\u002Fdate\" { locale: \"fa-IR\", createCalendar }",[1096,1307,1308,1313,1318,1320],{},[1117,1309,1310],{},[1120,1311,1312],{},"defaultFocusedValue",[1117,1314,1315],{},[1120,1316,1317],{},"datePicker.DateValue",[1117,1319],{},[1117,1321,1322],{},"The initial focused date when rendered. Use when you don't need to control the focused date of the date picker.",[1096,1324,1325,1330,1334,1336],{},[1117,1326,1327],{},[1120,1328,1329],{},"defaultOpen",[1117,1331,1332],{},[1120,1333,1277],{},[1117,1335],{},[1117,1337,1338],{},"The initial open state of the date picker when rendered. Use when you don't need to control the open state of the date picker.",[1096,1340,1341,1346,1351,1353],{},[1117,1342,1343],{},[1120,1344,1345],{},"defaultValue",[1117,1347,1348],{},[1120,1349,1350],{},"datePicker.DateValue[]",[1117,1352],{},[1117,1354,1355],{},"The initial selected date(s) when rendered. Use when you don't need to control the selected date(s) of the date picker.",[1096,1357,1358,1363,1368,1373],{},[1117,1359,1360],{},[1120,1361,1362],{},"defaultView",[1117,1364,1365],{},[1120,1366,1367],{},"datePicker.DateView",[1117,1369,1370],{},[1120,1371,1372],{},"\"day\"",[1117,1374,1375],{},"The default view of the calendar",[1096,1377,1378,1383,1387,1389],{},[1117,1379,1380],{},[1120,1381,1382],{},"disabled",[1117,1384,1385],{},[1120,1386,1277],{},[1117,1388],{},[1117,1390,1391],{},"Whether the calendar is disabled.",[1096,1393,1394,1399,1403,1405],{},[1117,1395,1396],{},[1120,1397,1398],{},"fixedWeeks",[1117,1400,1401],{},[1120,1402,1277],{},[1117,1404],{},[1117,1406,1407],{},"Whether the calendar should have a fixed number of weeks. This renders the calendar with 6 weeks instead of 5 or 6.",[1096,1409,1410,1415,1419,1421],{},[1117,1411,1412],{},[1120,1413,1414],{},"focusedValue",[1117,1416,1417],{},[1120,1418,1317],{},[1117,1420],{},[1117,1422,1423],{},"The controlled focused date.",[1096,1425,1426,1431,1436,1438],{},[1117,1427,1428],{},[1120,1429,1430],{},"format",[1117,1432,1433],{},[1120,1434,1435],{},"(date: datePicker.DateValue, details: datePicker.LocaleDetails) => string",[1117,1437],{},[1117,1439,1440],{},"The format of the date to display in the input.",[1096,1442,1443,1448,1453,1455],{},[1117,1444,1445],{},[1120,1446,1447],{},"id",[1117,1449,1450],{},[1120,1451,1452],{},"string",[1117,1454],{},[1117,1456,1457],{},"The unique identifier of the machine.",[1096,1459,1460,1465,1470,1472],{},[1117,1461,1462],{},[1120,1463,1464],{},"ids",[1117,1466,1467],{},[1120,1468,1469],{},"Partial\u003C{ root: string; label(index: number): string; table(id: string): string; tableHeader(id: string): string; tableBody(id: string): string; tableRow(id: string): string; content: string; cellTrigger(id: string): string; prevTrigger(view: datePicker.DateView): string; nextTrigger(view: datePicker.DateView): string; viewTrigger(view: datePicker.DateView): string; clearTrigger: string; control: string; input(index: number): string; trigger: string; monthSelect: string; yearSelect: string; positioner: string; }>",[1117,1471],{},[1117,1473,1474],{},"The ids of the elements in the date picker. Useful for composition.",[1096,1476,1477,1482,1486,1488],{},[1117,1478,1479],{},[1120,1480,1481],{},"inline",[1117,1483,1484],{},[1120,1485,1277],{},[1117,1487],{},[1117,1489,1490],{},"Whether the date picker is inline",[1096,1492,1493,1498,1502,1504],{},[1117,1494,1495],{},[1120,1496,1497],{},"invalid",[1117,1499,1500],{},[1120,1501,1277],{},[1117,1503],{},[1117,1505,1506],{},"Whether the date picker is in an invalid state",[1096,1508,1509,1514,1519,1521],{},[1117,1510,1511],{},[1120,1512,1513],{},"isDateUnavailable",[1117,1515,1516],{},[1120,1517,1518],{},"(date: datePicker.DateValue, locale: string) => boolean",[1117,1520],{},[1117,1522,1523],{},"Returns whether a date of the calendar is available.",[1096,1525,1526,1531,1535,1540],{},[1117,1527,1528],{},[1120,1529,1530],{},"locale",[1117,1532,1533],{},[1120,1534,1452],{},[1117,1536,1537],{},[1120,1538,1539],{},"\"en-US\"",[1117,1541,1542],{},"The locale (BCP 47 language tag) to use when formatting the date.",[1096,1544,1545,1550,1554,1556],{},[1117,1546,1547],{},[1120,1548,1549],{},"max",[1117,1551,1552],{},[1120,1553,1317],{},[1117,1555],{},[1117,1557,1558],{},"The maximum date that can be selected.",[1096,1560,1561,1566,1571,1573],{},[1117,1562,1563],{},[1120,1564,1565],{},"maxSelectedDates",[1117,1567,1568],{},[1120,1569,1570],{},"number",[1117,1572],{},[1117,1574,1575,1576,1579,1580,1288],{},"The maximum number of dates that can be selected. This is only applicable when ",[1120,1577,1578],{},"selectionMode"," is ",[1120,1581,1287],{},[1096,1583,1584,1589,1593,1598],{},[1117,1585,1586],{},[1120,1587,1588],{},"maxView",[1117,1590,1591],{},[1120,1592,1367],{},[1117,1594,1595],{},[1120,1596,1597],{},"\"year\"",[1117,1599,1600],{},"The maximum view of the calendar",[1096,1602,1603,1608,1612,1614],{},[1117,1604,1605],{},[1120,1606,1607],{},"min",[1117,1609,1610],{},[1120,1611,1317],{},[1117,1613],{},[1117,1615,1616],{},"The minimum date that can be selected.",[1096,1618,1619,1624,1628,1632],{},[1117,1620,1621],{},[1120,1622,1623],{},"minView",[1117,1625,1626],{},[1120,1627,1367],{},[1117,1629,1630],{},[1120,1631,1372],{},[1117,1633,1634],{},"The minimum view of the calendar",[1096,1636,1637,1642,1646,1648],{},[1117,1638,1639],{},[1120,1640,1641],{},"modelValue",[1117,1643,1644],{},[1120,1645,1350],{},[1117,1647],{},[1117,1649,1650],{},"The v-model value of the date picker",[1096,1652,1653,1658,1662,1664],{},[1117,1654,1655],{},[1120,1656,1657],{},"name",[1117,1659,1660],{},[1120,1661,1452],{},[1117,1663],{},[1117,1665,1666,1667,1669],{},"The ",[1120,1668,1657],{}," attribute of the input element.",[1096,1671,1672,1677,1681,1683],{},[1117,1673,1674],{},[1120,1675,1676],{},"numOfMonths",[1117,1678,1679],{},[1120,1680,1570],{},[1117,1682],{},[1117,1684,1685],{},"The number of months to display.",[1096,1687,1688,1693,1697,1699],{},[1117,1689,1690],{},[1120,1691,1692],{},"open",[1117,1694,1695],{},[1120,1696,1277],{},[1117,1698],{},[1117,1700,1701],{},"The controlled open state of the date picker",[1096,1703,1704,1709,1713,1718],{},[1117,1705,1706],{},[1120,1707,1708],{},"openOnClick",[1117,1710,1711],{},[1120,1712,1277],{},[1117,1714,1715],{},[1120,1716,1717],{},"false",[1117,1719,1720],{},"Whether to open the calendar when the input is clicked.",[1096,1722,1723,1728,1732,1736],{},[1117,1724,1725],{},[1120,1726,1727],{},"outsideDaySelectable",[1117,1729,1730],{},[1120,1731,1277],{},[1117,1733,1734],{},[1120,1735,1717],{},[1117,1737,1738],{},"Whether day outside the visible range can be selected.",[1096,1740,1741,1746,1751,1753],{},[1117,1742,1743],{},[1120,1744,1745],{},"parse",[1117,1747,1748],{},[1120,1749,1750],{},"(value: string, details: datePicker.LocaleDetails) => datePicker.DateValue | undefined",[1117,1752],{},[1117,1754,1755],{},"Function to parse the date from the input back to a DateValue.",[1096,1757,1758,1763,1767,1769],{},[1117,1759,1760],{},[1120,1761,1762],{},"placeholder",[1117,1764,1765],{},[1120,1766,1452],{},[1117,1768],{},[1117,1770,1771],{},"The placeholder text to display in the input.",[1096,1773,1774,1779,1784,1786],{},[1117,1775,1776],{},[1120,1777,1778],{},"positioning",[1117,1780,1781],{},[1120,1782,1783],{},"datePicker.PositioningOptions",[1117,1785],{},[1117,1787,1788],{},"The user provided options used to position the date picker content",[1096,1790,1791,1796,1800,1802],{},[1117,1792,1793],{},[1120,1794,1795],{},"readOnly",[1117,1797,1798],{},[1120,1799,1277],{},[1117,1801],{},[1117,1803,1804],{},"Whether the calendar is read-only.",[1096,1806,1807,1812,1816,1818],{},[1117,1808,1809],{},[1120,1810,1811],{},"required",[1117,1813,1814],{},[1120,1815,1277],{},[1117,1817],{},[1117,1819,1820],{},"Whether the date picker is required",[1096,1822,1823,1827,1832,1837],{},[1117,1824,1825],{},[1120,1826,1578],{},[1117,1828,1829],{},[1120,1830,1831],{},"datePicker.SelectionMode",[1117,1833,1834],{},[1120,1835,1836],{},"\"single\"",[1117,1838,1839,1840,1843,1844,1846,1847,1850],{},"The selection mode of the calendar. - ",[1120,1841,1842],{},"single"," - only one date can be selected - ",[1120,1845,1287],{}," - multiple dates can be selected - ",[1120,1848,1849],{},"range"," - a range of dates can be selected",[1096,1852,1853,1858,1862,1864],{},[1117,1854,1855],{},[1120,1856,1857],{},"showWeekNumbers",[1117,1859,1860],{},[1120,1861,1277],{},[1117,1863],{},[1117,1865,1866],{},"Whether to show the week number column in the day view.",[1096,1868,1869,1874,1878,1880],{},[1117,1870,1871],{},[1120,1872,1873],{},"startOfWeek",[1117,1875,1876],{},[1120,1877,1570],{},[1117,1879],{},[1117,1881,1882,1883,1886,1887,1890,1891,1894,1895,1898,1899,1902,1903,1906,1907,1910],{},"The first day of the week. ",[1120,1884,1885],{},"0"," - Sunday ",[1120,1888,1889],{},"1"," - Monday ",[1120,1892,1893],{},"2"," - Tuesday ",[1120,1896,1897],{},"3"," - Wednesday ",[1120,1900,1901],{},"4"," - Thursday ",[1120,1904,1905],{},"5"," - Friday ",[1120,1908,1909],{},"6"," - Saturday",[1096,1912,1913,1918,1922,1927],{},[1117,1914,1915],{},[1120,1916,1917],{},"timeZone",[1117,1919,1920],{},[1120,1921,1452],{},[1117,1923,1924],{},[1120,1925,1926],{},"\"UTC\"",[1117,1928,1929],{},"The time zone to use",[1096,1931,1932,1937,1942,1944],{},[1117,1933,1934],{},[1120,1935,1936],{},"translations",[1117,1938,1939],{},[1120,1940,1941],{},"datePicker.IntlTranslations",[1117,1943],{},[1117,1945,1946],{},"The localized messages to use.",[1096,1948,1949,1954,1958,1960],{},[1117,1950,1951],{},[1120,1952,1953],{},"view",[1117,1955,1956],{},[1120,1957,1367],{},[1117,1959],{},[1117,1961,1962],{},"The view of the calendar",[1066,1964,1966],{"id":1965},"tablebody","TableBody",[1071,1968,1073],{},[1066,1970,1972],{"id":1971},"tablecelltrigger","TableCellTrigger",[1071,1974,1073],{},[1066,1976,1978],{"id":1977},"tablecell","TableCell",[1090,1980,1981,1993],{},[1093,1982,1983],{},[1096,1984,1985,1987,1989,1991],{},[1099,1986,1101],{},[1099,1988,1104],{},[1099,1990,1107],{},[1099,1992,1110],{},[1112,1994,1995],{},[1096,1996,1997,2001,2006,2008],{},[1117,1998,1999],{},[1120,2000,1203],{},[1117,2002,2003],{},[1120,2004,2005],{},"Reactive\u003Cnumber | DateValue>",[1117,2007],{},[1117,2009,1213],{},[1066,2011,2013],{"id":2012},"tablehead","TableHead",[1071,2015,1073],{},[1066,2017,2019],{"id":2018},"tableheader","TableHeader",[1071,2021,1073],{},[1066,2023,2025],{"id":2024},"tablerow","TableRow",[1071,2027,1073],{},[1066,2029,179],{"id":1090},[1090,2031,2032,2044],{},[1093,2033,2034],{},[1096,2035,2036,2038,2040,2042],{},[1099,2037,1101],{},[1099,2039,1104],{},[1099,2041,1107],{},[1099,2043,1110],{},[1112,2045,2046,2061,2076],{},[1096,2047,2048,2053,2057,2059],{},[1117,2049,2050],{},[1120,2051,2052],{},"columns",[1117,2054,2055],{},[1120,2056,1147],{},[1117,2058],{},[1117,2060,1213],{},[1096,2062,2063,2067,2072,2074],{},[1117,2064,2065],{},[1120,2066,1447],{},[1117,2068,2069],{},[1120,2070,2071],{},"string | undefined",[1117,2073],{},[1117,2075,1213],{},[1096,2077,2078,2082,2087,2089],{},[1117,2079,2080],{},[1120,2081,1953],{},[1117,2083,2084],{},[1120,2085,2086],{},"DateView | undefined",[1117,2088],{},[1117,2090,1213],{},[1066,2092,2094],{"id":2093},"trigger","Trigger",[1071,2096,1073],{},[1066,2098,2100],{"id":2099},"valuetext","ValueText",[1090,2102,2103,2115],{},[1093,2104,2105],{},[1096,2106,2107,2109,2111,2113],{},[1099,2108,1101],{},[1099,2110,1104],{},[1099,2112,1107],{},[1099,2114,1110],{},[1112,2116,2117,2132],{},[1096,2118,2119,2123,2127,2129],{},[1117,2120,2121],{},[1120,2122,1762],{},[1117,2124,2125],{},[1120,2126,2071],{},[1117,2128],{},[1117,2130,2131],{},"Text to display when no date is selected.",[1096,2133,2134,2139,2143,2148],{},[1117,2135,2136],{},[1120,2137,2138],{},"separator",[1117,2140,2141],{},[1120,2142,2071],{},[1117,2144,2145],{},[1120,2146,2147],{},"\", \"",[1117,2149,2150],{},"The separator to use between multiple date values when using default rendering.",[1066,2152,2154],{"id":2153},"viewcontrol","ViewControl",[1071,2156,1073],{},[1066,2158,2160],{"id":2159},"viewtrigger","ViewTrigger",[1071,2162,1073],{},[1066,2164,2165],{"id":1953},"View",[1090,2167,2168,2180],{},[1093,2169,2170],{},[1096,2171,2172,2174,2176,2178],{},[1099,2173,1101],{},[1099,2175,1104],{},[1099,2177,1107],{},[1099,2179,1110],{},[1112,2181,2182],{},[1096,2183,2184,2188,2193,2195],{},[1117,2185,2186],{},[1120,2187,1953],{},[1117,2189,2190],{},[1120,2191,2192],{},"DateView",[1117,2194],{},[1117,2196,1213],{},[1066,2198,2200],{"id":2199},"weeknumbercell","WeekNumberCell",[1090,2202,2203,2215],{},[1093,2204,2205],{},[1096,2206,2207,2209,2211,2213],{},[1099,2208,1101],{},[1099,2210,1104],{},[1099,2212,1107],{},[1099,2214,1110],{},[1112,2216,2217,2233],{},[1096,2218,2219,2224,2229,2231],{},[1117,2220,2221],{},[1120,2222,2223],{},"week",[1117,2225,2226],{},[1120,2227,2228],{},"DateValue[]",[1117,2230],{},[1117,2232,1213],{},[1096,2234,2235,2240,2244,2246],{},[1117,2236,2237],{},[1120,2238,2239],{},"weekIndex",[1117,2241,2242],{},[1120,2243,1570],{},[1117,2245],{},[1117,2247,1213],{},[1066,2249,2251],{"id":2250},"weeknumberheadercell","WeekNumberHeaderCell",[1071,2253,1073],{},[1066,2255,2257],{"id":2256},"yearselect","YearSelect",[1071,2259,1073],{},{"title":2261,"searchDepth":2262,"depth":2262,"links":2263},"",2,[2264,2265],{"id":1055,"depth":2262,"text":1056},{"id":1063,"depth":2262,"text":1064,"children":2266},[2267,2269,2270,2271,2272,2273,2274,2275,2276,2277,2278,2279,2280,2281,2282,2283,2284,2285,2286,2287,2288,2289,2290,2291,2292,2293,2294],{"id":1068,"depth":2268,"text":1069},3,{"id":1076,"depth":2268,"text":1077},{"id":1082,"depth":2268,"text":1083},{"id":1088,"depth":2268,"text":520},{"id":1155,"depth":2268,"text":1156},{"id":1161,"depth":2268,"text":1162},{"id":1167,"depth":2268,"text":1168},{"id":1173,"depth":2268,"text":1174},{"id":1179,"depth":2268,"text":1180},{"id":1216,"depth":2268,"text":1217},{"id":1222,"depth":2268,"text":1223},{"id":1228,"depth":2268,"text":1229},{"id":1965,"depth":2268,"text":1966},{"id":1971,"depth":2268,"text":1972},{"id":1977,"depth":2268,"text":1978},{"id":2012,"depth":2268,"text":2013},{"id":2018,"depth":2268,"text":2019},{"id":2024,"depth":2268,"text":2025},{"id":1090,"depth":2268,"text":179},{"id":2093,"depth":2268,"text":2094},{"id":2099,"depth":2268,"text":2100},{"id":2153,"depth":2268,"text":2154},{"id":2159,"depth":2268,"text":2160},{"id":1953,"depth":2268,"text":2165},{"id":2199,"depth":2268,"text":2200},{"id":2250,"depth":2268,"text":2251},{"id":2256,"depth":2268,"text":2257},"DatePicker, dressed in the paper-and-ink system: the popup dissolves in on elevation, selected days take the flat ink fill, and range middles run subtle with cut corners. The parts — Root, Label, Control, Input, Trigger, ClearTrigger, Positioner, Content, View, ViewControl, ViewTrigger, RangeText, PrevTrigger, NextTrigger, Table*, MonthSelect, YearSelect, PresetTrigger.","md",{},{"section":95},{"title":408,"description":2295},"f4D9tYjLcbxAbs39q09lrf-N6Nuc4QJVeGPpiXbaG30",[2302,2304],{"title":404,"path":405,"stem":406,"description":2303,"section":95,"children":-1},"DateInput, dressed in the paper-and-ink system: a segmented field where the focused segment takes the flat ink fill. The parts — Root, Label, Control, SegmentGroup, Segment, SegmentContext, HiddenInput.",{"title":412,"path":413,"stem":414,"description":2305,"section":120,"children":-1},"Content that waits to be worth rendering: the slot stays off the tree until the placeholder scrolls near the viewport, then mounts once and stays. The placeholder is drawn by the caller through the placeholder slot, so the late arrival costs no layout shift it cannot predict.","\u003Cpre class=\"th-code th-code--vue\" data-language=\"vue\">\u003Ccode><\u003Cspan class=\"th-token th-tag\">script\u003C\u002Fspan> setup \u003Cspan class=\"th-token th-attr\">lang\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"ts"\u003C\u002Fspan>>\n\u003Cspan class=\"th-token th-keyword\">import\u003C\u002Fspan> { calendar, chevron_right } \u003Cspan class=\"th-token th-keyword\">from\u003C\u002Fspan> \u003Cspan class=\"th-token th-string\">"@bysages\u002Ficons"\u003C\u002Fspan>;\n\u003Cspan class=\"th-token th-keyword\">import\u003C\u002Fspan> { \u003Cspan class=\"th-token th-type\">DatePicker\u003C\u002Fspan>, \u003Cspan class=\"th-token th-type\">Icon\u003C\u002Fspan> } \u003Cspan class=\"th-token th-keyword\">from\u003C\u002Fspan> \u003Cspan class=\"th-token th-string\">"@bysages\u002Fvue"\u003C\u002Fspan>;\n<\u002F\u003Cspan class=\"th-token th-tag\">script\u003C\u002Fspan>>\n\n<\u003Cspan class=\"th-token th-tag\">template\u003C\u002Fspan>>\n  <\u003Cspan class=\"th-token th-tag\">DatePicker.Root\u003C\u002Fspan>>\n    <\u003Cspan class=\"th-token th-tag\">DatePicker.Label\u003C\u002Fspan>>Start date<\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.Label\u003C\u002Fspan>>\n    <\u003Cspan class=\"th-token th-tag\">DatePicker.Control\u003C\u002Fspan>>\n      <\u003Cspan class=\"th-token th-tag\">DatePicker.Input\u003C\u002Fspan> \u002F>\n      <\u003Cspan class=\"th-token th-tag\">DatePicker.Trigger\u003C\u002Fspan>>\n        <\u003Cspan class=\"th-token th-tag\">Icon\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:glyph\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"calendar"\u003C\u002Fspan> \u002F>\n      <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.Trigger\u003C\u002Fspan>>\n    <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.Control\u003C\u002Fspan>>\n    <\u003Cspan class=\"th-token th-tag\">Teleport\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">to\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"body"\u003C\u002Fspan>>\n      <\u003Cspan class=\"th-token th-tag\">DatePicker.Positioner\u003C\u002Fspan>>\n        <\u003Cspan class=\"th-token th-tag\">DatePicker.Content\u003C\u002Fspan>>\n          <\u003Cspan class=\"th-token th-tag\">DatePicker.View\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">view\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"day"\u003C\u002Fspan>>\n            <\u003Cspan class=\"th-token th-tag\">DatePicker.Context\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">v-slot\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"dp"\u003C\u002Fspan>>\n              <\u003Cspan class=\"th-token th-tag\">DatePicker.ViewControl\u003C\u002Fspan>>\n                <\u003Cspan class=\"th-token th-tag\">DatePicker.PrevTrigger\u003C\u002Fspan>>\n                  <\u003Cspan class=\"th-token th-tag\">Icon\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:glyph\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"chevron_right"\u003C\u002Fspan> \u002F>\n                <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.PrevTrigger\u003C\u002Fspan>>\n                <\u003Cspan class=\"th-token th-tag\">DatePicker.ViewTrigger\u003C\u002Fspan>><\u003Cspan class=\"th-token th-tag\">DatePicker.RangeText\u003C\u002Fspan> \u002F><\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.ViewTrigger\u003C\u002Fspan>>\n                <\u003Cspan class=\"th-token th-tag\">DatePicker.NextTrigger\u003C\u002Fspan>>\n                  <\u003Cspan class=\"th-token th-tag\">Icon\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:glyph\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"chevron_right"\u003C\u002Fspan> \u002F>\n                <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.NextTrigger\u003C\u002Fspan>>\n              <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.ViewControl\u003C\u002Fspan>>\n              <\u003Cspan class=\"th-token th-tag\">DatePicker.Table\u003C\u002Fspan>>\n                <\u003Cspan class=\"th-token th-tag\">DatePicker.TableHead\u003C\u002Fspan>>\n                  <\u003Cspan class=\"th-token th-tag\">DatePicker.TableRow\u003C\u002Fspan>>\n                    <\u003Cspan class=\"th-token th-tag\">DatePicker.TableHeader\u003C\u002Fspan>\n                      \u003Cspan class=\"th-token th-attr\">v-for\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"(day, i) in dp.weekDays"\u003C\u002Fspan>\n                      \u003Cspan class=\"th-token th-attr\">:key\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"i"\u003C\u002Fspan>\n                      \u003Cspan class=\"th-token th-attr\">:aria-label\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"day.long"\u003C\u002Fspan>\n                    >\n                      {{ day.\u003Cspan class=\"th-token th-property\">narrow\u003C\u002Fspan> }}\n                    <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.TableHeader\u003C\u002Fspan>>\n                  <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.TableRow\u003C\u002Fspan>>\n                <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.TableHead\u003C\u002Fspan>>\n                <\u003Cspan class=\"th-token th-tag\">DatePicker.TableBody\u003C\u002Fspan>>\n                  <\u003Cspan class=\"th-token th-tag\">DatePicker.TableRow\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">v-for\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"(week, i) in dp.weeks"\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:key\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"i"\u003C\u002Fspan>>\n                    <\u003Cspan class=\"th-token th-tag\">DatePicker.TableCell\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">v-for\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"(day, j) in week"\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:key\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"j"\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:value\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"day"\u003C\u002Fspan>>\n                      <\u003Cspan class=\"th-token th-tag\">DatePicker.TableCellTrigger\u003C\u002Fspan>>{{ day.\u003Cspan class=\"th-token th-property\">day\u003C\u002Fspan> }}<\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.TableCellTrigger\u003C\u002Fspan>>\n                    <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.TableCell\u003C\u002Fspan>>\n                  <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.TableRow\u003C\u002Fspan>>\n                <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.TableBody\u003C\u002Fspan>>\n              <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.Table\u003C\u002Fspan>>\n            <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.Context\u003C\u002Fspan>>\n          <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.View\u003C\u002Fspan>>\n          <\u003Cspan class=\"th-token th-tag\">DatePicker.View\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">view\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"month"\u003C\u002Fspan>>\n            <\u003Cspan class=\"th-token th-tag\">DatePicker.Context\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">v-slot\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"dp"\u003C\u002Fspan>>\n              <\u003Cspan class=\"th-token th-tag\">DatePicker.ViewControl\u003C\u002Fspan>>\n                <\u003Cspan class=\"th-token th-tag\">DatePicker.PrevTrigger\u003C\u002Fspan>>\n                  <\u003Cspan class=\"th-token th-tag\">Icon\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:glyph\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"chevron_right"\u003C\u002Fspan> \u002F>\n                <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.PrevTrigger\u003C\u002Fspan>>\n                <\u003Cspan class=\"th-token th-tag\">DatePicker.ViewTrigger\u003C\u002Fspan>><\u003Cspan class=\"th-token th-tag\">DatePicker.RangeText\u003C\u002Fspan> \u002F><\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.ViewTrigger\u003C\u002Fspan>>\n                <\u003Cspan class=\"th-token th-tag\">DatePicker.NextTrigger\u003C\u002Fspan>>\n                  <\u003Cspan class=\"th-token th-tag\">Icon\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:glyph\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"chevron_right"\u003C\u002Fspan> \u002F>\n                <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.NextTrigger\u003C\u002Fspan>>\n              <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.ViewControl\u003C\u002Fspan>>\n              <\u003Cspan class=\"th-token th-tag\">DatePicker.Table\u003C\u002Fspan>>\n                <\u003Cspan class=\"th-token th-tag\">DatePicker.TableBody\u003C\u002Fspan>>\n                  <\u003Cspan class=\"th-token th-tag\">DatePicker.TableRow\u003C\u002Fspan>\n                    \u003Cspan class=\"th-token th-attr\">v-for\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"(months, i) in dp.getMonthsGrid({ columns: 4 })"\u003C\u002Fspan>\n                    \u003Cspan class=\"th-token th-attr\">:key\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"i"\u003C\u002Fspan>\n                  >\n                    <\u003Cspan class=\"th-token th-tag\">DatePicker.TableCell\u003C\u002Fspan>\n                      \u003Cspan class=\"th-token th-attr\">v-for\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"(month, j) in months"\u003C\u002Fspan>\n                      \u003Cspan class=\"th-token th-attr\">:key\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"j"\u003C\u002Fspan>\n                      \u003Cspan class=\"th-token th-attr\">:value\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"month.value"\u003C\u002Fspan>\n                    >\n                      <\u003Cspan class=\"th-token th-tag\">DatePicker.TableCellTrigger\u003C\u002Fspan>>{{ month.\u003Cspan class=\"th-token th-property\">label\u003C\u002Fspan> }}<\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.TableCellTrigger\u003C\u002Fspan>>\n                    <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.TableCell\u003C\u002Fspan>>\n                  <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.TableRow\u003C\u002Fspan>>\n                <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.TableBody\u003C\u002Fspan>>\n              <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.Table\u003C\u002Fspan>>\n            <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.Context\u003C\u002Fspan>>\n          <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.View\u003C\u002Fspan>>\n          <\u003Cspan class=\"th-token th-tag\">DatePicker.View\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">view\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"year"\u003C\u002Fspan>>\n            <\u003Cspan class=\"th-token th-tag\">DatePicker.Context\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">v-slot\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"dp"\u003C\u002Fspan>>\n              <\u003Cspan class=\"th-token th-tag\">DatePicker.ViewControl\u003C\u002Fspan>>\n                <\u003Cspan class=\"th-token th-tag\">DatePicker.PrevTrigger\u003C\u002Fspan>>\n                  <\u003Cspan class=\"th-token th-tag\">Icon\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:glyph\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"chevron_right"\u003C\u002Fspan> \u002F>\n                <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.PrevTrigger\u003C\u002Fspan>>\n                <\u003Cspan class=\"th-token th-tag\">DatePicker.ViewTrigger\u003C\u002Fspan>><\u003Cspan class=\"th-token th-tag\">DatePicker.RangeText\u003C\u002Fspan> \u002F><\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.ViewTrigger\u003C\u002Fspan>>\n                <\u003Cspan class=\"th-token th-tag\">DatePicker.NextTrigger\u003C\u002Fspan>>\n                  <\u003Cspan class=\"th-token th-tag\">Icon\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:glyph\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"chevron_right"\u003C\u002Fspan> \u002F>\n                <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.NextTrigger\u003C\u002Fspan>>\n              <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.ViewControl\u003C\u002Fspan>>\n              <\u003Cspan class=\"th-token th-tag\">DatePicker.Table\u003C\u002Fspan>>\n                <\u003Cspan class=\"th-token th-tag\">DatePicker.TableBody\u003C\u002Fspan>>\n                  <\u003Cspan class=\"th-token th-tag\">DatePicker.TableRow\u003C\u002Fspan>\n                    \u003Cspan class=\"th-token th-attr\">v-for\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"(years, i) in dp.getYearsGrid({ columns: 4 })"\u003C\u002Fspan>\n                    \u003Cspan class=\"th-token th-attr\">:key\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"i"\u003C\u002Fspan>\n                  >\n                    <\u003Cspan class=\"th-token th-tag\">DatePicker.TableCell\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">v-for\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"(year, j) in years"\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:key\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"j"\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:value\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"year.value"\u003C\u002Fspan>>\n                      <\u003Cspan class=\"th-token th-tag\">DatePicker.TableCellTrigger\u003C\u002Fspan>>{{ year.\u003Cspan class=\"th-token th-property\">label\u003C\u002Fspan> }}<\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.TableCellTrigger\u003C\u002Fspan>>\n                    <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.TableCell\u003C\u002Fspan>>\n                  <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.TableRow\u003C\u002Fspan>>\n                <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.TableBody\u003C\u002Fspan>>\n              <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.Table\u003C\u002Fspan>>\n            <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.Context\u003C\u002Fspan>>\n          <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.View\u003C\u002Fspan>>\n        <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.Content\u003C\u002Fspan>>\n      <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.Positioner\u003C\u002Fspan>>\n    <\u002F\u003Cspan class=\"th-token th-tag\">Teleport\u003C\u002Fspan>>\n  <\u002F\u003Cspan class=\"th-token th-tag\">DatePicker.Root\u003C\u002Fspan>>\n<\u002F\u003Cspan class=\"th-token th-tag\">template\u003C\u002Fspan>>\n\u003C\u002Fcode>\u003C\u002Fpre>",1790878642004]