[{"data":1,"prerenderedAt":6571},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Fforms\u002Fdate-picker":682},[4,11,128,525,584,626],{"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,70,107],{"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,66],{"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},"Accessibility","\u002Foverview\u002Fgetting-started\u002Faccessibility","overview\u002Fgetting-started\u002Faccessibility",90,{"title":67,"path":68,"stem":69,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",{"title":71,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":72,"stem":73,"children":74,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[75,78,82,86,90,94,99,103],{"title":71,"path":76,"stem":77,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":79,"path":80,"stem":81,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":83,"path":84,"stem":85,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":87,"path":88,"stem":89,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":91,"path":92,"stem":93,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":95,"path":96,"stem":97,"order":98,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":100,"path":101,"stem":102,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":104,"path":105,"stem":106,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":108,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":109,"stem":110,"children":111,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[112,116,120,124],{"title":113,"path":114,"stem":115,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":117,"path":118,"stem":119,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":121,"path":122,"stem":123,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":125,"path":126,"stem":127,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":129,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":130,"stem":131,"children":132,"page":10},"Components","\u002Fcomponents","components",[133,210,313,336,380,433,486],{"title":134,"path":135,"stem":136,"children":137,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[138,142,147,152,157,162,166,171,176,181,186,191,196,201,205],{"title":139,"path":140,"stem":141,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":143,"path":144,"stem":145,"order":146,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":148,"path":149,"stem":150,"order":151,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":153,"path":154,"stem":155,"order":156,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":158,"path":159,"stem":160,"order":161,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":163,"path":164,"stem":165,"order":161,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":167,"path":168,"stem":169,"order":170,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":172,"path":173,"stem":174,"order":175,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":177,"path":178,"stem":179,"order":180,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":182,"path":183,"stem":184,"order":185,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":187,"path":188,"stem":189,"order":190,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":192,"path":193,"stem":194,"order":195,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":197,"path":198,"stem":199,"order":200,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":202,"path":203,"stem":204,"order":200,"icon":9,"collapse":10,"navBadges":9},"Toolbar","\u002Fcomponents\u002Felements\u002Ftoolbar","components\u002Felements\u002Ftoolbar",{"title":206,"path":207,"stem":208,"order":209,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":211,"path":212,"stem":213,"children":214,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[215,219,224,229,233,238,243,248,253,258,263,268,273,278,283,288,293,298,303,308],{"title":216,"path":217,"stem":218,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":220,"path":221,"stem":222,"order":223,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":225,"path":226,"stem":227,"order":228,"icon":9,"collapse":10,"navBadges":9},"Editable","\u002Fcomponents\u002Fforms\u002Feditable","components\u002Fforms\u002Feditable",20.5,{"title":230,"path":231,"stem":232,"order":228,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",{"title":234,"path":235,"stem":236,"order":237,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":239,"path":240,"stem":241,"order":242,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":244,"path":245,"stem":246,"order":247,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":249,"path":250,"stem":251,"order":252,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":254,"path":255,"stem":256,"order":257,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":259,"path":260,"stem":261,"order":262,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":264,"path":265,"stem":266,"order":267,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":269,"path":270,"stem":271,"order":272,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":274,"path":275,"stem":276,"order":277,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":279,"path":280,"stem":281,"order":282,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":284,"path":285,"stem":286,"order":287,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":289,"path":290,"stem":291,"order":292,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":294,"path":295,"stem":296,"order":297,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":299,"path":300,"stem":301,"order":302,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":304,"path":305,"stem":306,"order":307,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":309,"path":310,"stem":311,"order":312,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":314,"path":315,"stem":316,"children":317,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[318,322,327,331],{"title":319,"path":320,"stem":321,"order":312,"icon":9,"collapse":10,"navBadges":9},"EmptyState","\u002Fcomponents\u002Fdata\u002Fempty-state","components\u002Fdata\u002Fempty-state",{"title":323,"path":324,"stem":325,"order":326,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":328,"path":329,"stem":330,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":332,"path":333,"stem":334,"order":335,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":337,"path":338,"stem":339,"children":340,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[341,346,350,355,360,365,370,375],{"title":342,"path":343,"stem":344,"order":345,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":347,"path":348,"stem":349,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":351,"path":352,"stem":353,"order":354,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":356,"path":357,"stem":358,"order":359,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":361,"path":362,"stem":363,"order":364,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":366,"path":367,"stem":368,"order":369,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":371,"path":372,"stem":373,"order":374,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":376,"path":377,"stem":378,"order":379,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":381,"path":382,"stem":383,"children":384,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[385,389,394,399,404,409,414,419,424,428],{"title":386,"path":387,"stem":388,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":390,"path":391,"stem":392,"order":393,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":395,"path":396,"stem":397,"order":398,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":400,"path":401,"stem":402,"order":403,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":405,"path":406,"stem":407,"order":408,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":410,"path":411,"stem":412,"order":413,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":415,"path":416,"stem":417,"order":418,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":420,"path":421,"stem":422,"order":423,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":425,"path":426,"stem":427,"order":98,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":429,"path":430,"stem":431,"order":432,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":434,"path":435,"stem":436,"children":437,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[438,443,447,452,457,462,466,471,476,481],{"title":439,"path":440,"stem":441,"order":442,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":444,"path":445,"stem":446,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":448,"path":449,"stem":450,"order":451,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":453,"path":454,"stem":455,"order":456,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":458,"path":459,"stem":460,"order":461,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":463,"path":464,"stem":465,"order":461,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":467,"path":468,"stem":469,"order":470,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":472,"path":473,"stem":474,"order":475,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":477,"path":478,"stem":479,"order":480,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":482,"path":483,"stem":484,"order":485,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":487,"path":488,"stem":489,"children":490,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[491,495,500,505,510,515,520],{"title":492,"path":493,"stem":494,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":496,"path":497,"stem":498,"order":499,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":501,"path":502,"stem":503,"order":504,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":506,"path":507,"stem":508,"order":509,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":511,"path":512,"stem":513,"order":514,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":516,"path":517,"stem":518,"order":519,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":521,"path":522,"stem":523,"order":524,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":526,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":527,"stem":528,"children":529,"page":10},"Composites","\u002Fcomposites","composites",[530,559],{"title":531,"path":532,"stem":533,"children":534,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[535,539,543,547,551,555],{"title":536,"path":537,"stem":538,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":540,"path":541,"stem":542,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":544,"path":545,"stem":546,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":548,"path":549,"stem":550,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":552,"path":553,"stem":554,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":556,"path":557,"stem":558,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":560,"path":561,"stem":562,"children":563,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[564,568,572,576,580],{"title":565,"path":566,"stem":567,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":569,"path":570,"stem":571,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":573,"path":574,"stem":575,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":577,"path":578,"stem":579,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":581,"path":582,"stem":583,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":585,"order":586,"icon":9,"collapse":10,"navBadges":9,"path":587,"stem":588,"children":589,"page":10},"Blocks",35,"\u002Fblocks","blocks",[590,593,597,601,605,609],{"title":585,"path":591,"stem":592,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":594,"path":595,"stem":596,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":598,"path":599,"stem":600,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":602,"path":603,"stem":604,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":606,"path":607,"stem":608,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":610,"order":50,"icon":9,"collapse":10,"navBadges":9,"path":611,"stem":612,"children":613,"page":10},"Editors","\u002Fblocks\u002Feditors","blocks\u002Feditors",[614,618,622],{"title":615,"path":616,"stem":617,"order":13,"icon":9,"collapse":10,"navBadges":9},"Tiptap editor","\u002Fblocks\u002Feditors\u002Ftiptap","blocks\u002Feditors\u002Ftiptap",{"title":619,"path":620,"stem":621,"order":30,"icon":9,"collapse":10,"navBadges":9},"Lexical editor","\u002Fblocks\u002Feditors\u002Flexical","blocks\u002Feditors\u002Flexical",{"title":623,"path":624,"stem":625,"order":35,"icon":9,"collapse":10,"navBadges":9},"Quill editor","\u002Fblocks\u002Feditors\u002Fquill","blocks\u002Feditors\u002Fquill",{"title":627,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":628,"stem":629,"children":630,"page":10},"Utilities","\u002Futilities","utilities",[631,665],{"title":632,"path":633,"stem":634,"children":635,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[636,640,644,649,653,657,661],{"title":637,"path":638,"stem":639,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":641,"path":642,"stem":643,"order":170,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":645,"path":646,"stem":647,"order":648,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":650,"path":651,"stem":652,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":654,"path":655,"stem":656,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":658,"path":659,"stem":660,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":662,"path":663,"stem":664,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":666,"path":667,"stem":668,"children":669,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[670,674,678],{"title":671,"path":672,"stem":673,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":675,"path":676,"stem":677,"order":648,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":679,"path":680,"stem":681,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"byLocale":683,"defaultPath":275},{"en":684,"id":3843},{"id":685,"title":274,"aside":686,"body":687,"collapse":10,"description":3839,"editLink":686,"extension":2153,"icon":9,"issueLink":686,"meta":3840,"navBadges":9,"navigation":9,"order":277,"path":275,"prevNext":686,"seo":3841,"stem":276,"toc":686,"__hash__":3842},"docs\u002Fcomponents\u002Fforms\u002Fdate-picker.md",true,{"type":688,"value":689,"toc":3810},"minimark",[690,695,753,757,937,940,945,954,957,1018,1022,1037,1040,1091,1095,1119,1122,1237,1259,1272,1275,1308,1312,1329,1332,1415,1434,1438,1453,1456,1487,1496,1500,1529,1532,1589,1629,1633,1652,1655,1711,1715,1747,1750,1867,1893,1911,1948,1952,1986,1989,2102,2138,2142,2158,2175,2178,2259,2263,2272,2275,2314,2318,2327,2330,2410,2432,2487,2491,2510,2513,2560,2582,2586,2597,2600,2626,2630,2643,2646,2672,2676,2703,2706,2827,2831,2843,2846,2850,2875,2878,2892,2899,2905,2909,2913,2923,2957,2961,3654,3658,3740,3744,3806],[691,692,694],"h2",{"id":693},"usage","Usage",[696,697,698,702,703,706,707,710,711,714,715,718,719,6,722,725,726,729,730,733,734,737,738,741,742,744,745,748,749,752],"p",{},[699,700,701],"code",{},"v-model"," is an ",[699,704,705],{},"@internationalized\u002Fdate"," ",[699,708,709],{},"DateValue"," (typically a\n",[699,712,713],{},"CalendarDate"," for this component's date-only granularity), not a native\n",[699,716,717],{},"Date"," - the segmented field, calendar grid, ",[699,720,721],{},"minValue",[699,723,724],{},"maxValue",", and\n",[699,727,728],{},"isDateUnavailable"," all share that same type, so there's no lossy\nconversion at the boundary. It already has an ISO ",[699,731,732],{},".toString()","\n(",[699,735,736],{},"2024-06-15",") and a matching ",[699,739,740],{},"parseDate()"," constructor if you need to\ninterop with a plain string, and ",[699,743,705],{},"'s own ",[699,746,747],{},"today()","\u002F\n",[699,750,751],{},"getLocalTimeZone()"," cover the common \"relative to now\" cases:",[754,755],"component-example",{"name":756},"date-picker-basic",[758,759,764],"pre",{"className":760,"code":761,"language":762,"meta":763,"style":763},"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","",[699,765,766,795,814,827,833,840,846,852,858,881,890,894,903,928],{"__ignoreMap":763},[767,768,770,774,778,782,785,788,792],"span",{"class":769,"line":8},"line",[767,771,773],{"class":772},"sVt8B","\u003C",[767,775,777],{"class":776},"s9eBZ","script",[767,779,781],{"class":780},"sScJk"," setup",[767,783,784],{"class":780}," lang",[767,786,787],{"class":772},"=",[767,789,791],{"class":790},"sZZnC","\"ts\"",[767,793,794],{"class":772},">\n",[767,796,798,802,805,808,811],{"class":769,"line":797},2,[767,799,801],{"class":800},"szBVR","import",[767,803,804],{"class":800}," type",[767,806,807],{"class":772}," { DateValue } ",[767,809,810],{"class":800},"from",[767,812,813],{"class":790}," '@internationalized\u002Fdate'\n",[767,815,817,819,822,824],{"class":769,"line":816},3,[767,818,801],{"class":800},[767,820,821],{"class":772}," { shallowRef } ",[767,823,810],{"class":800},[767,825,826],{"class":790}," 'vue'\n",[767,828,830],{"class":769,"line":829},4,[767,831,832],{"emptyLinePlaceholder":686},"\n",[767,834,836],{"class":769,"line":835},5,[767,837,839],{"class":838},"sJ8bj","\u002F\u002F shallowRef, not ref - DateValue instances carry real private class\n",[767,841,843],{"class":769,"line":842},6,[767,844,845],{"class":838},"\u002F\u002F fields that a plain ref's type would strip, breaking assignability\n",[767,847,849],{"class":769,"line":848},7,[767,850,851],{"class":838},"\u002F\u002F back into v-model. The value is always replaced wholesale anyway,\n",[767,853,855],{"class":769,"line":854},8,[767,856,857],{"class":838},"\u002F\u002F never mutated in place.\n",[767,859,861,864,868,871,874,876,878],{"class":769,"line":860},9,[767,862,863],{"class":800},"const",[767,865,867],{"class":866},"sj4cs"," date",[767,869,870],{"class":800}," =",[767,872,873],{"class":780}," shallowRef",[767,875,773],{"class":772},[767,877,709],{"class":780},[767,879,880],{"class":772},">()\n",[767,882,883,886,888],{"class":769,"line":13},[767,884,885],{"class":772},"\u003C\u002F",[767,887,777],{"class":776},[767,889,794],{"class":772},[767,891,892],{"class":769,"line":151},[767,893,832],{"emptyLinePlaceholder":686},[767,895,896,898,901],{"class":769,"line":170},[767,897,773],{"class":772},[767,899,900],{"class":776},"template",[767,902,794],{"class":772},[767,904,906,909,912,915,917,920,923,925],{"class":769,"line":905},13,[767,907,908],{"class":772},"  \u003C",[767,910,911],{"class":776},"SDatePicker",[767,913,914],{"class":780}," v-model",[767,916,787],{"class":772},[767,918,919],{"class":790},"\"",[767,921,922],{"class":772},"date",[767,924,919],{"class":790},[767,926,927],{"class":772}," \u002F>\n",[767,929,931,933,935],{"class":769,"line":930},14,[767,932,885],{"class":772},[767,934,900],{"class":776},[767,936,794],{"class":772},[696,938,939],{},"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.",[941,942,944],"h3",{"id":943},"minmax-range","Min\u002Fmax range",[696,946,947,6,950,953],{},[699,948,949],{},"min-value",[699,951,952],{},"max-value"," disable every day outside the range (and block\nselecting one, not just style it):",[754,955],{"name":956},"date-picker-min-max",[758,958,962],{"className":959,"code":960,"language":961,"meta":763,"style":763},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSDatePicker v-model=\"date\" :min-value=\"today(getLocalTimeZone())\" :max-value=\"...\" \u002F>\n","vue-html",[699,963,964],{"__ignoreMap":763},[767,965,966,968,970,972,974,976,978,980,983,985,987,989,992,995,998,1001,1003,1005,1007,1009,1011,1014,1016],{"class":769,"line":8},[767,967,773],{"class":772},[767,969,911],{"class":776},[767,971,914],{"class":780},[767,973,787],{"class":772},[767,975,919],{"class":790},[767,977,922],{"class":772},[767,979,919],{"class":790},[767,981,982],{"class":772}," :",[767,984,949],{"class":780},[767,986,787],{"class":772},[767,988,919],{"class":790},[767,990,991],{"class":780},"today",[767,993,994],{"class":772},"(",[767,996,997],{"class":780},"getLocalTimeZone",[767,999,1000],{"class":772},"())",[767,1002,919],{"class":790},[767,1004,982],{"class":772},[767,1006,952],{"class":780},[767,1008,787],{"class":772},[767,1010,919],{"class":790},[767,1012,1013],{"class":800},"...",[767,1015,919],{"class":790},[767,1017,927],{"class":772},[941,1019,1021],{"id":1020},"unavailable-dates","Unavailable dates",[696,1023,1024,1027,1028,1031,1032,6,1034,1036],{},[699,1025,1026],{},"is-date-unavailable"," takes a ",[699,1029,1030],{},"(date: DateValue) => boolean"," predicate. Unlike\n",[699,1033,721],{},[699,1035,724],{},", 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):",[754,1038],{"name":1039},"date-picker-unavailable",[758,1041,1043],{"className":959,"code":1042,"language":961,"meta":763,"style":763},"\u003CSDatePicker v-model=\"date\" :is-date-unavailable=\"(d) => isWeekend(d)\" \u002F>\n",[699,1044,1045],{"__ignoreMap":763},[767,1046,1047,1049,1051,1053,1055,1057,1059,1061,1063,1065,1067,1069,1071,1075,1078,1081,1084,1087,1089],{"class":769,"line":8},[767,1048,773],{"class":772},[767,1050,911],{"class":776},[767,1052,914],{"class":780},[767,1054,787],{"class":772},[767,1056,919],{"class":790},[767,1058,922],{"class":772},[767,1060,919],{"class":790},[767,1062,982],{"class":772},[767,1064,1026],{"class":780},[767,1066,787],{"class":772},[767,1068,919],{"class":790},[767,1070,994],{"class":772},[767,1072,1074],{"class":1073},"s4XuR","d",[767,1076,1077],{"class":772},") ",[767,1079,1080],{"class":800},"=>",[767,1082,1083],{"class":780}," isWeekend",[767,1085,1086],{"class":772},"(d)",[767,1088,919],{"class":790},[767,1090,927],{"class":772},[941,1092,1094],{"id":1093},"range-selection","Range selection",[696,1096,1097,1100,1101,1103,1104,1107,1108,1110,1111,1114,1115,1118],{},[699,1098,1099],{},"range"," switches to picking a start and end date together - ",[699,1102,701],{},"\nbecomes ",[699,1105,1106],{},"{ start?: DateValue, end?: DateValue }"," instead of a single\n",[699,1109,709],{},". 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(",[699,1112,1113],{},"number-of-months=\"2\"",") rather than one, since that's what makes picking a\nmulti-week range comfortable - pass ",[699,1116,1117],{},":number-of-months=\"1\""," to page through\na single month instead:",[754,1120],{"name":1121},"date-picker-range",[758,1123,1125],{"className":760,"code":1124,"language":762,"meta":763,"style":763},"\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",[699,1126,1127,1143,1157,1167,1171,1189,1197,1201,1209,1229],{"__ignoreMap":763},[767,1128,1129,1131,1133,1135,1137,1139,1141],{"class":769,"line":8},[767,1130,773],{"class":772},[767,1132,777],{"class":776},[767,1134,781],{"class":780},[767,1136,784],{"class":780},[767,1138,787],{"class":772},[767,1140,791],{"class":790},[767,1142,794],{"class":772},[767,1144,1145,1147,1149,1152,1154],{"class":769,"line":797},[767,1146,801],{"class":800},[767,1148,804],{"class":800},[767,1150,1151],{"class":772}," { DateRange } ",[767,1153,810],{"class":800},[767,1155,1156],{"class":790}," 'reka-ui'\n",[767,1158,1159,1161,1163,1165],{"class":769,"line":816},[767,1160,801],{"class":800},[767,1162,821],{"class":772},[767,1164,810],{"class":800},[767,1166,826],{"class":790},[767,1168,1169],{"class":769,"line":829},[767,1170,832],{"emptyLinePlaceholder":686},[767,1172,1173,1175,1178,1180,1182,1184,1187],{"class":769,"line":835},[767,1174,863],{"class":800},[767,1176,1177],{"class":866}," range",[767,1179,870],{"class":800},[767,1181,873],{"class":780},[767,1183,773],{"class":772},[767,1185,1186],{"class":780},"DateRange",[767,1188,880],{"class":772},[767,1190,1191,1193,1195],{"class":769,"line":842},[767,1192,885],{"class":772},[767,1194,777],{"class":776},[767,1196,794],{"class":772},[767,1198,1199],{"class":769,"line":848},[767,1200,832],{"emptyLinePlaceholder":686},[767,1202,1203,1205,1207],{"class":769,"line":854},[767,1204,773],{"class":772},[767,1206,900],{"class":776},[767,1208,794],{"class":772},[767,1210,1211,1213,1215,1217,1219,1221,1223,1225,1227],{"class":769,"line":860},[767,1212,908],{"class":772},[767,1214,911],{"class":776},[767,1216,914],{"class":780},[767,1218,787],{"class":772},[767,1220,919],{"class":790},[767,1222,1099],{"class":772},[767,1224,919],{"class":790},[767,1226,1177],{"class":780},[767,1228,927],{"class":772},[767,1230,1231,1233,1235],{"class":769,"line":13},[767,1232,885],{"class":772},[767,1234,900],{"class":776},[767,1236,794],{"class":772},[696,1238,1239,1242,1243,1246,1247,1250,1251,1254,1255,1258],{},[699,1240,1241],{},"allow-non-contiguous-ranges",", ",[699,1244,1245],{},"fixed-date"," (",[699,1248,1249],{},"'start' | 'end'",", locks one\nend in place while re-picking the other), ",[699,1252,1253],{},"maximum-days"," (caps how far\napart start\u002Fend can be), and ",[699,1256,1257],{},"is-date-highlightable"," are all range-only\npassthroughs to the underlying primitive.",[696,1260,1261,1264,1265,1267,1268,1271],{},[699,1262,1263],{},"trigger-mode=\"button\""," combines with ",[699,1266,1099],{}," too - the button's text uses\n",[699,1269,1270],{},"DateFormatter.formatRange()"," (e.g. \"Jun 15 – Jun 20, 2024\") instead of a\nsingle formatted date:",[754,1273],{"name":1274},"date-picker-range-button-mode",[758,1276,1278],{"className":959,"code":1277,"language":961,"meta":763,"style":763},"\u003CSDatePicker v-model=\"range\" range trigger-mode=\"button\" \u002F>\n",[699,1279,1280],{"__ignoreMap":763},[767,1281,1282,1284,1286,1288,1290,1292,1294,1296,1298,1301,1303,1306],{"class":769,"line":8},[767,1283,773],{"class":772},[767,1285,911],{"class":776},[767,1287,914],{"class":780},[767,1289,787],{"class":772},[767,1291,919],{"class":790},[767,1293,1099],{"class":772},[767,1295,919],{"class":790},[767,1297,1177],{"class":780},[767,1299,1300],{"class":780}," trigger-mode",[767,1302,787],{"class":772},[767,1304,1305],{"class":790},"\"button\"",[767,1307,927],{"class":772},[941,1309,1311],{"id":1310},"button-trigger","Button trigger",[696,1313,1314,1316,1317,1320,1321,1324,1325,1328],{},[699,1315,1263],{}," 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. ",[699,1318,1319],{},"format"," (an ",[699,1322,1323],{},"Intl.DateTimeFormatOptions"," object -\nthe same shape every other JS date-formatting API already uses, default\n",[699,1326,1327],{},"{ dateStyle: 'medium' }",") controls how that button's text reads:",[754,1330],{"name":1331},"date-picker-button-mode",[758,1333,1335],{"className":959,"code":1334,"language":961,"meta":763,"style":763},"\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",[699,1336,1337,1361],{"__ignoreMap":763},[767,1338,1339,1341,1343,1345,1347,1349,1351,1353,1355,1357,1359],{"class":769,"line":8},[767,1340,773],{"class":772},[767,1342,911],{"class":776},[767,1344,914],{"class":780},[767,1346,787],{"class":772},[767,1348,919],{"class":790},[767,1350,922],{"class":772},[767,1352,919],{"class":790},[767,1354,1300],{"class":780},[767,1356,787],{"class":772},[767,1358,1305],{"class":790},[767,1360,927],{"class":772},[767,1362,1363,1365,1367,1369,1371,1373,1375,1377,1379,1381,1383,1385,1387,1389,1391,1394,1397,1400,1403,1406,1408,1411,1413],{"class":769,"line":797},[767,1364,773],{"class":772},[767,1366,911],{"class":776},[767,1368,914],{"class":780},[767,1370,787],{"class":772},[767,1372,919],{"class":790},[767,1374,922],{"class":772},[767,1376,919],{"class":790},[767,1378,1300],{"class":780},[767,1380,787],{"class":772},[767,1382,1305],{"class":790},[767,1384,982],{"class":772},[767,1386,1319],{"class":780},[767,1388,787],{"class":772},[767,1390,919],{"class":790},[767,1392,1393],{"class":772},"{ year: ",[767,1395,1396],{"class":790},"'numeric'",[767,1398,1399],{"class":772},", month: ",[767,1401,1402],{"class":790},"'2-digit'",[767,1404,1405],{"class":772},", day: ",[767,1407,1402],{"class":790},[767,1409,1410],{"class":772}," }",[767,1412,919],{"class":790},[767,1414,927],{"class":772},[696,1416,1417,1418,1421,1422,1425,1426,1429,1430,1433],{},"Both trigger modes share the ",[699,1419,1420],{},"field"," UI slot. Set\n",[699,1423,1424],{},"app.config.selaras.ui.datePicker.slots.field"," globally, or ",[699,1427,1428],{},":ui=\"{ field: '...' }\"","\non an instance, to customize their surface, border, and interaction states\ntogether. This also applies to range and time-only pickers. Field focus uses\n",[699,1431,1432],{},"active-color","; invalid fields use the danger color.",[941,1435,1437],{"id":1436},"monthyear-view","Month\u002Fyear view",[696,1439,1440,1441,1444,1445,1448,1449,1452],{},"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. ",[699,1442,1443],{},"view"," sets which grid opens\ninitially (",[699,1446,1447],{},"'date'"," by default); passing ",[699,1450,1451],{},"'year'"," starts a birthdate-style\npicker straight at the year grid:",[754,1454],{"name":1455},"date-picker-month-year-view",[758,1457,1459],{"className":959,"code":1458,"language":961,"meta":763,"style":763},"\u003CSDatePicker v-model=\"date\" view=\"year\" \u002F>\n",[699,1460,1461],{"__ignoreMap":763},[767,1462,1463,1465,1467,1469,1471,1473,1475,1477,1480,1482,1485],{"class":769,"line":8},[767,1464,773],{"class":772},[767,1466,911],{"class":776},[767,1468,914],{"class":780},[767,1470,787],{"class":772},[767,1472,919],{"class":790},[767,1474,922],{"class":772},[767,1476,919],{"class":790},[767,1478,1479],{"class":780}," view",[767,1481,787],{"class":772},[767,1483,1484],{"class":790},"\"year\"",[767,1486,927],{"class":772},[696,1488,1489,1490,1492,1493,1495],{},"Single-date mode only - ",[699,1491,1099],{},"'s own heading and navigation are\nunaffected by ",[699,1494,1443],{},".",[941,1497,1499],{"id":1498},"monthyear-granularity","Month\u002Fyear granularity",[696,1501,1502,1504,1505,1509,1510,1513,1514,1517,1518,1521,1522,1524,1525,1528],{},[699,1503,1443],{}," only changes which grid the popover ",[1506,1507,1508],"em",{},"starts"," on - picking a month\nthere still drills down to a day. ",[699,1511,1512],{},"granularity"," is different: it changes\nwhat the ",[1506,1515,1516],{},"value itself"," represents. Set it to ",[699,1519,1520],{},"'month'"," or ",[699,1523,1451],{}," 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 ",[699,1526,1527],{},"closeOnSelect",") instead of drilling further:",[754,1530],{"name":1531},"date-picker-month-granularity",[758,1533,1535],{"className":959,"code":1534,"language":961,"meta":763,"style":763},"\u003CSDatePicker v-model=\"month\" granularity=\"month\" \u002F>\n\u003CSDatePicker v-model=\"year\" granularity=\"year\" \u002F>\n",[699,1536,1537,1564],{"__ignoreMap":763},[767,1538,1539,1541,1543,1545,1547,1549,1552,1554,1557,1559,1562],{"class":769,"line":8},[767,1540,773],{"class":772},[767,1542,911],{"class":776},[767,1544,914],{"class":780},[767,1546,787],{"class":772},[767,1548,919],{"class":790},[767,1550,1551],{"class":772},"month",[767,1553,919],{"class":790},[767,1555,1556],{"class":780}," granularity",[767,1558,787],{"class":772},[767,1560,1561],{"class":790},"\"month\"",[767,1563,927],{"class":772},[767,1565,1566,1568,1570,1572,1574,1576,1579,1581,1583,1585,1587],{"class":769,"line":797},[767,1567,773],{"class":772},[767,1569,911],{"class":776},[767,1571,914],{"class":780},[767,1573,787],{"class":772},[767,1575,919],{"class":790},[767,1577,1578],{"class":772},"year",[767,1580,919],{"class":790},[767,1582,1556],{"class":780},[767,1584,787],{"class":772},[767,1586,1484],{"class":790},[767,1588,927],{"class":772},[696,1590,1591,1592,1595,1596,1598,1599,1602,1603,1606,1607,1610,1611,1613,1614,1617,1618,1621,1622,1624,1625,1628],{},"The underlying date library has no month-only or year-only value type, so\n",[699,1593,1594],{},"modelValue"," stays the same ",[699,1597,709],{}," either way - ",[699,1600,1601],{},"granularity=\"month\"","\nfixes the day to ",[699,1604,1605],{},"1",", and ",[699,1608,1609],{},"granularity=\"year\""," fixes both month and day to\n",[699,1612,1605],{},". Segmented field mode only shows the segments that matter\n(month+year, or just year), and the button-mode\u002Fformatted text defaults\nadjust too (",[699,1615,1616],{},"\"June 2024\""," \u002F ",[699,1619,1620],{},"\"2024\"",") - both still overridable via ",[699,1623,1319],{},".\nThe heading can still drill ",[1506,1626,1627],{},"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.",[941,1630,1632],{"id":1631},"custom-monthyear-disabling","Custom month\u002Fyear disabling",[696,1634,1635,6,1638,1246,1641,6,1644,1646,1647,6,1649,1651],{},[699,1636,1637],{},"is-month-disabled",[699,1639,1640],{},"is-year-disabled",[699,1642,1643],{},"view=\"month\"",[699,1645,1484],{}," only)\ndisable a specific month\u002Fyear on top of whatever ",[699,1648,949],{},[699,1650,952],{},"\nalready disable - useful for blocking out a specific month for a known\nclosure, independent of the overall allowed range:",[754,1653],{"name":1654},"date-picker-month-year-disabled",[758,1656,1658],{"className":959,"code":1657,"language":961,"meta":763,"style":763},"\u003CSDatePicker v-model=\"date\" view=\"month\" :is-month-disabled=\"(d) => d.month === 7\" \u002F>\n",[699,1659,1660],{"__ignoreMap":763},[767,1661,1662,1664,1666,1668,1670,1672,1674,1676,1678,1680,1682,1684,1686,1688,1690,1692,1694,1696,1698,1701,1704,1707,1709],{"class":769,"line":8},[767,1663,773],{"class":772},[767,1665,911],{"class":776},[767,1667,914],{"class":780},[767,1669,787],{"class":772},[767,1671,919],{"class":790},[767,1673,922],{"class":772},[767,1675,919],{"class":790},[767,1677,1479],{"class":780},[767,1679,787],{"class":772},[767,1681,1561],{"class":790},[767,1683,982],{"class":772},[767,1685,1637],{"class":780},[767,1687,787],{"class":772},[767,1689,919],{"class":790},[767,1691,994],{"class":772},[767,1693,1074],{"class":1073},[767,1695,1077],{"class":772},[767,1697,1080],{"class":800},[767,1699,1700],{"class":772}," d.month ",[767,1702,1703],{"class":800},"===",[767,1705,1706],{"class":866}," 7",[767,1708,919],{"class":790},[767,1710,927],{"class":772},[941,1712,1714],{"id":1713},"date-time-selection","Date-time selection",[696,1716,1717,6,1720,1723,1724,1726,1727,1730,1731,1733,1734,1737,1738,1742,1743,1746],{},[699,1718,1719],{},"granularity=\"hour\"",[699,1721,1722],{},"\"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. ",[699,1725,1594],{},"\nbecomes a time-capable ",[699,1728,1729],{},"CalendarDateTime"," (still just a ",[699,1732,709],{},", same\nprop type as always). Since there's no single action that means \"done\"\nhere, ",[699,1735,1736],{},"close-on-select"," no longer closes the popover on a day click while\na time granularity is set - a ",[1739,1740,1741],"strong",{},"Done"," button appears instead (hidden\nentirely if you pass ",[699,1744,1745],{},"close-on-select=\"false\"",", since that already means\n\"never auto-close\"):",[754,1748],{"name":1749},"date-picker-date-time",[758,1751,1753],{"className":760,"code":1752,"language":762,"meta":763,"style":763},"\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",[699,1754,1755,1771,1783,1793,1797,1814,1822,1826,1834,1859],{"__ignoreMap":763},[767,1756,1757,1759,1761,1763,1765,1767,1769],{"class":769,"line":8},[767,1758,773],{"class":772},[767,1760,777],{"class":776},[767,1762,781],{"class":780},[767,1764,784],{"class":780},[767,1766,787],{"class":772},[767,1768,791],{"class":790},[767,1770,794],{"class":772},[767,1772,1773,1775,1777,1779,1781],{"class":769,"line":797},[767,1774,801],{"class":800},[767,1776,804],{"class":800},[767,1778,807],{"class":772},[767,1780,810],{"class":800},[767,1782,813],{"class":790},[767,1784,1785,1787,1789,1791],{"class":769,"line":816},[767,1786,801],{"class":800},[767,1788,821],{"class":772},[767,1790,810],{"class":800},[767,1792,826],{"class":790},[767,1794,1795],{"class":769,"line":829},[767,1796,832],{"emptyLinePlaceholder":686},[767,1798,1799,1801,1804,1806,1808,1810,1812],{"class":769,"line":835},[767,1800,863],{"class":800},[767,1802,1803],{"class":866}," value",[767,1805,870],{"class":800},[767,1807,873],{"class":780},[767,1809,773],{"class":772},[767,1811,709],{"class":780},[767,1813,880],{"class":772},[767,1815,1816,1818,1820],{"class":769,"line":842},[767,1817,885],{"class":772},[767,1819,777],{"class":776},[767,1821,794],{"class":772},[767,1823,1824],{"class":769,"line":848},[767,1825,832],{"emptyLinePlaceholder":686},[767,1827,1828,1830,1832],{"class":769,"line":854},[767,1829,773],{"class":772},[767,1831,900],{"class":776},[767,1833,794],{"class":772},[767,1835,1836,1838,1840,1842,1844,1846,1849,1851,1853,1855,1857],{"class":769,"line":860},[767,1837,908],{"class":772},[767,1839,911],{"class":776},[767,1841,914],{"class":780},[767,1843,787],{"class":772},[767,1845,919],{"class":790},[767,1847,1848],{"class":772},"value",[767,1850,919],{"class":790},[767,1852,1556],{"class":780},[767,1854,787],{"class":772},[767,1856,1722],{"class":790},[767,1858,927],{"class":772},[767,1860,1861,1863,1865],{"class":769,"line":13},[767,1862,885],{"class":772},[767,1864,900],{"class":776},[767,1866,794],{"class":772},[696,1868,1869,1871,1872,1874,1875,1878,1879,1882,1883,1885,1886,6,1889,1892],{},[699,1870,1719],{}," shows only the hour stepper; ",[699,1873,1722],{}," adds a second\none next to it. Both are built from\n",[1876,1877,230],"a",{"href":231}," - type a value directly or\nuse its ±buttons\u002Farrow keys. ",[699,1880,1881],{},"minute-step"," (default ",[699,1884,1605],{},") only affects the\nminute stepper's click\u002Farrow-key increment; typing still commits any exact\nminute - pass ",[699,1887,1888],{},"5",[699,1890,1891],{},"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.",[696,1894,1895,1896,1899,1900,1903,1904,1521,1907,1910],{},"The hour stepper follows the same hour cycle as the typed field itself -\nboth default to whatever ",[699,1897,1898],{},"locale"," resolves to (12-hour with an AM\u002FPM\ntoggle for ",[699,1901,1902],{},"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 ",[699,1905,1906],{},"hour-cycle=\"12\"",[699,1908,1909],{},"hour-cycle=\"24\""," to force one\nregardless of locale:",[758,1912,1914],{"className":959,"code":1913,"language":961,"meta":763,"style":763},"\u003CSDatePicker v-model=\"value\" granularity=\"minute\" hour-cycle=\"24\" \u002F>\n",[699,1915,1916],{"__ignoreMap":763},[767,1917,1918,1920,1922,1924,1926,1928,1930,1932,1934,1936,1938,1941,1943,1946],{"class":769,"line":8},[767,1919,773],{"class":772},[767,1921,911],{"class":776},[767,1923,914],{"class":780},[767,1925,787],{"class":772},[767,1927,919],{"class":790},[767,1929,1848],{"class":772},[767,1931,919],{"class":790},[767,1933,1556],{"class":780},[767,1935,787],{"class":772},[767,1937,1722],{"class":790},[767,1939,1940],{"class":780}," hour-cycle",[767,1942,787],{"class":772},[767,1944,1945],{"class":790},"\"24\"",[767,1947,927],{"class":772},[941,1949,1951],{"id":1950},"time-only","Time only",[696,1953,1954,1956,1957,1959,1960,1963,1964,1966,1967,1969,1970,6,1972,1974,1975,1242,1977,1980,1981,748,1983,1985],{},[699,1955,1950],{}," drops the date entirely - ",[699,1958,1594],{}," becomes a bare\n",[699,1961,1962],{},"Time"," (from ",[699,1965,705],{},", no date component at all, not a\n",[699,1968,709],{},"). Everything date-grid-specific (",[699,1971,949],{},[699,1973,952],{},",\n",[699,1976,1443],{},[699,1978,1979],{},"number-of-months",", and so on) simply doesn't apply - the popover\nis just the hour\u002Fminute steppers, the same ones ",[699,1982,1719],{},[699,1984,1722],{}," already use:",[754,1987],{"name":1988},"date-picker-time-only",[758,1990,1992],{"className":760,"code":1991,"language":762,"meta":763,"style":763},"\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",[699,1993,1994,2010,2023,2033,2037,2053,2061,2065,2073,2094],{"__ignoreMap":763},[767,1995,1996,1998,2000,2002,2004,2006,2008],{"class":769,"line":8},[767,1997,773],{"class":772},[767,1999,777],{"class":776},[767,2001,781],{"class":780},[767,2003,784],{"class":780},[767,2005,787],{"class":772},[767,2007,791],{"class":790},[767,2009,794],{"class":772},[767,2011,2012,2014,2016,2019,2021],{"class":769,"line":797},[767,2013,801],{"class":800},[767,2015,804],{"class":800},[767,2017,2018],{"class":772}," { Time } ",[767,2020,810],{"class":800},[767,2022,813],{"class":790},[767,2024,2025,2027,2029,2031],{"class":769,"line":816},[767,2026,801],{"class":800},[767,2028,821],{"class":772},[767,2030,810],{"class":800},[767,2032,826],{"class":790},[767,2034,2035],{"class":769,"line":829},[767,2036,832],{"emptyLinePlaceholder":686},[767,2038,2039,2041,2043,2045,2047,2049,2051],{"class":769,"line":835},[767,2040,863],{"class":800},[767,2042,1803],{"class":866},[767,2044,870],{"class":800},[767,2046,873],{"class":780},[767,2048,773],{"class":772},[767,2050,1962],{"class":780},[767,2052,880],{"class":772},[767,2054,2055,2057,2059],{"class":769,"line":842},[767,2056,885],{"class":772},[767,2058,777],{"class":776},[767,2060,794],{"class":772},[767,2062,2063],{"class":769,"line":848},[767,2064,832],{"emptyLinePlaceholder":686},[767,2066,2067,2069,2071],{"class":769,"line":854},[767,2068,773],{"class":772},[767,2070,900],{"class":776},[767,2072,794],{"class":772},[767,2074,2075,2077,2079,2081,2083,2085,2087,2089,2092],{"class":769,"line":860},[767,2076,908],{"class":772},[767,2078,911],{"class":776},[767,2080,914],{"class":780},[767,2082,787],{"class":772},[767,2084,919],{"class":790},[767,2086,1848],{"class":772},[767,2088,919],{"class":790},[767,2090,2091],{"class":780}," time-only",[767,2093,927],{"class":772},[767,2095,2096,2098,2100],{"class":769,"line":13},[767,2097,885],{"class":772},[767,2099,900],{"class":776},[767,2101,794],{"class":772},[696,2103,2104,1242,2106,1242,2109,1242,2111,1242,2114,2117,2118,2120,2121,2123,2124,2127,2128,2131,2132,2134,2135,2137],{},[699,2105,1512],{},[699,2107,2108],{},"hour-cycle",[699,2110,1881],{},[699,2112,2113],{},"trigger-mode",[699,2115,2116],{},"clearable",",\nand ",[699,2119,1736],{}," all carry over unchanged from the date-time case\nabove - ",[699,2122,1512],{}," defaults to ",[699,2125,2126],{},"'minute'"," here (a bare hour is a less\nuseful default for a ",[1506,2129,2130],{},"dedicated"," time picker than as an add-on to a date).\nSingle-date mode only - ",[699,2133,1099],{}," and ",[699,2136,1950],{}," aren't combinable.",[941,2139,2141],{"id":2140},"sizes","Sizes",[696,2143,2144,2147,2148,1617,2151,1617,2154,2157],{},[699,2145,2146],{},"size"," takes ",[699,2149,2150],{},"sm",[699,2152,2153],{},"md",[699,2155,2156],{},"lg",", scaling the field, segments, and calendar-\nday buttons together.",[696,2159,2160,2161,2165,2166,2134,2169,2171,2172,2174],{},"The outer trigger follows the default 32 \u002F 40 \u002F 44px\n",[1876,2162,2164],{"href":2163},"\u002Foverview\u002Ftheming\u002Fcomponent-styling#control-sizes","control height scale"," in both\n",[699,2167,2168],{},"trigger-mode=\"field\"",[699,2170,1263],{},". The same heights apply to\nsingle-date, range, and time-only modes, including with ",[699,2173,2116],{}," enabled.",[754,2176],{"name":2177},"date-picker-sizes",[758,2179,2181],{"className":959,"code":2180,"language":961,"meta":763,"style":763},"\u003CSDatePicker v-model=\"date\" size=\"sm\" \u002F>\n\u003CSDatePicker v-model=\"date\" size=\"md\" \u002F>\n\u003CSDatePicker v-model=\"date\" size=\"lg\" \u002F>\n",[699,2182,2183,2209,2234],{"__ignoreMap":763},[767,2184,2185,2187,2189,2191,2193,2195,2197,2199,2202,2204,2207],{"class":769,"line":8},[767,2186,773],{"class":772},[767,2188,911],{"class":776},[767,2190,914],{"class":780},[767,2192,787],{"class":772},[767,2194,919],{"class":790},[767,2196,922],{"class":772},[767,2198,919],{"class":790},[767,2200,2201],{"class":780}," size",[767,2203,787],{"class":772},[767,2205,2206],{"class":790},"\"sm\"",[767,2208,927],{"class":772},[767,2210,2211,2213,2215,2217,2219,2221,2223,2225,2227,2229,2232],{"class":769,"line":797},[767,2212,773],{"class":772},[767,2214,911],{"class":776},[767,2216,914],{"class":780},[767,2218,787],{"class":772},[767,2220,919],{"class":790},[767,2222,922],{"class":772},[767,2224,919],{"class":790},[767,2226,2201],{"class":780},[767,2228,787],{"class":772},[767,2230,2231],{"class":790},"\"md\"",[767,2233,927],{"class":772},[767,2235,2236,2238,2240,2242,2244,2246,2248,2250,2252,2254,2257],{"class":769,"line":816},[767,2237,773],{"class":772},[767,2239,911],{"class":776},[767,2241,914],{"class":780},[767,2243,787],{"class":772},[767,2245,919],{"class":790},[767,2247,922],{"class":772},[767,2249,919],{"class":790},[767,2251,2201],{"class":780},[767,2253,787],{"class":772},[767,2255,2256],{"class":790},"\"lg\"",[767,2258,927],{"class":772},[941,2260,2262],{"id":2261},"colors","Colors",[696,2264,2265,2268,2269,2271],{},[699,2266,2267],{},"color"," sets the chrome color - the trigger buttons and prev\u002Fnext\nmonth nav; ",[699,2270,1432],{}," sets the color of whatever's currently \"active\" -\nthe selected day\u002Fmonth\u002Fyear cell and the Done button:",[754,2273],{"name":2274},"date-picker-colors",[758,2276,2278],{"className":959,"code":2277,"language":961,"meta":763,"style":763},"\u003CSDatePicker v-model=\"date\" color=\"primary\" active-color=\"danger\" \u002F>\n",[699,2279,2280],{"__ignoreMap":763},[767,2281,2282,2284,2286,2288,2290,2292,2294,2296,2299,2301,2304,2307,2309,2312],{"class":769,"line":8},[767,2283,773],{"class":772},[767,2285,911],{"class":776},[767,2287,914],{"class":780},[767,2289,787],{"class":772},[767,2291,919],{"class":790},[767,2293,922],{"class":772},[767,2295,919],{"class":790},[767,2297,2298],{"class":780}," color",[767,2300,787],{"class":772},[767,2302,2303],{"class":790},"\"primary\"",[767,2305,2306],{"class":780}," active-color",[767,2308,787],{"class":772},[767,2310,2311],{"class":790},"\"danger\"",[767,2313,927],{"class":772},[941,2315,2317],{"id":2316},"arrow","Arrow",[696,2319,2320,2322,2323,2326],{},[699,2321,2316],{}," 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 (",[699,2324,2325],{},"padding","):",[754,2328],{"name":2329},"date-picker-arrow",[758,2331,2333],{"className":959,"code":2332,"language":961,"meta":763,"style":763},"\u003CSDatePicker v-model=\"value\" arrow \u002F>\n\u003CSDatePicker v-model=\"value\" :arrow=\"{ width: 16, height: 8, rounded: true, padding: 12 }\" \u002F>\n",[699,2334,2335,2356],{"__ignoreMap":763},[767,2336,2337,2339,2341,2343,2345,2347,2349,2351,2354],{"class":769,"line":8},[767,2338,773],{"class":772},[767,2340,911],{"class":776},[767,2342,914],{"class":780},[767,2344,787],{"class":772},[767,2346,919],{"class":790},[767,2348,1848],{"class":772},[767,2350,919],{"class":790},[767,2352,2353],{"class":780}," arrow",[767,2355,927],{"class":772},[767,2357,2358,2360,2362,2364,2366,2368,2370,2372,2374,2376,2378,2380,2383,2386,2389,2392,2395,2398,2401,2404,2406,2408],{"class":769,"line":797},[767,2359,773],{"class":772},[767,2361,911],{"class":776},[767,2363,914],{"class":780},[767,2365,787],{"class":772},[767,2367,919],{"class":790},[767,2369,1848],{"class":772},[767,2371,919],{"class":790},[767,2373,982],{"class":772},[767,2375,2316],{"class":780},[767,2377,787],{"class":772},[767,2379,919],{"class":790},[767,2381,2382],{"class":772},"{ width: ",[767,2384,2385],{"class":866},"16",[767,2387,2388],{"class":772},", height: ",[767,2390,2391],{"class":866},"8",[767,2393,2394],{"class":772},", rounded: ",[767,2396,2397],{"class":866},"true",[767,2399,2400],{"class":772},", padding: ",[767,2402,2403],{"class":866},"12",[767,2405,1410],{"class":772},[767,2407,919],{"class":790},[767,2409,927],{"class":772},[696,2411,2412,2415,2416,2419,2420,2423,2424,2427,2428,2431],{},[699,2413,2414],{},"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 ",[699,2417,2418],{},"positioning.align","\noverrides that choice. ",[699,2421,2422],{},"portal"," defaults to the document body; set it to\n",[699,2425,2426],{},"false"," for inline rendering or pass a CSS selector or ",[699,2429,2430],{},"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.",[758,2433,2435],{"className":959,"code":2434,"language":961,"meta":763,"style":763},"\u003CSDatePicker v-model=\"value\" :positioning=\"{ side: 'top', align: 'start' }\" portal=\"#overlay-root\" \u002F>\n",[699,2436,2437],{"__ignoreMap":763},[767,2438,2439,2441,2443,2445,2447,2449,2451,2453,2455,2457,2459,2461,2464,2467,2470,2473,2475,2477,2480,2482,2485],{"class":769,"line":8},[767,2440,773],{"class":772},[767,2442,911],{"class":776},[767,2444,914],{"class":780},[767,2446,787],{"class":772},[767,2448,919],{"class":790},[767,2450,1848],{"class":772},[767,2452,919],{"class":790},[767,2454,982],{"class":772},[767,2456,2414],{"class":780},[767,2458,787],{"class":772},[767,2460,919],{"class":790},[767,2462,2463],{"class":772},"{ side: ",[767,2465,2466],{"class":790},"'top'",[767,2468,2469],{"class":772},", align: ",[767,2471,2472],{"class":790},"'start'",[767,2474,1410],{"class":772},[767,2476,919],{"class":790},[767,2478,2479],{"class":780}," portal",[767,2481,787],{"class":772},[767,2483,2484],{"class":790},"\"#overlay-root\"",[767,2486,927],{"class":772},[941,2488,2490],{"id":2489},"clearable-disabled","Clearable & disabled",[696,2492,2493,2495,2496,2499,2500,1606,2503,2506,2507,2509],{},[699,2494,2116],{}," adds an inset neutral ",[699,2497,2498],{},"ghost"," button once a value is set, including\na partially filled range. Empty, ",[699,2501,2502],{},"disabled",[699,2504,2505],{},"readonly"," pickers hide it.\nThe calendar\u002Fclock trigger remains available beside clear in both trigger\nmodes. Clearing returns focus to the first editable segment or button trigger.\n",[699,2508,2502],{}," disables the whole control:",[754,2511],{"name":2512},"date-picker-clearable",[758,2514,2516],{"className":959,"code":2515,"language":961,"meta":763,"style":763},"\u003CSDatePicker v-model=\"date\" clearable \u002F>\n\u003CSDatePicker v-model=\"date\" disabled \u002F>\n",[699,2517,2518,2539],{"__ignoreMap":763},[767,2519,2520,2522,2524,2526,2528,2530,2532,2534,2537],{"class":769,"line":8},[767,2521,773],{"class":772},[767,2523,911],{"class":776},[767,2525,914],{"class":780},[767,2527,787],{"class":772},[767,2529,919],{"class":790},[767,2531,922],{"class":772},[767,2533,919],{"class":790},[767,2535,2536],{"class":780}," clearable",[767,2538,927],{"class":772},[767,2540,2541,2543,2545,2547,2549,2551,2553,2555,2558],{"class":769,"line":797},[767,2542,773],{"class":772},[767,2544,911],{"class":776},[767,2546,914],{"class":780},[767,2548,787],{"class":772},[767,2550,919],{"class":790},[767,2552,922],{"class":772},[767,2554,919],{"class":790},[767,2556,2557],{"class":780}," disabled",[767,2559,927],{"class":772},[696,2561,2562,2563,1521,2566,2569,2570,2573,2574,2577,2578,1495],{},"Customize the clear action with ",[699,2564,2565],{},"ui.clear",[699,2567,2568],{},"#clear-icon",". ",[699,2571,2572],{},"ui.buttonClear","\ncontrols its position in button trigger mode; ",[699,2575,2576],{},"ui.triggerIcon"," styles the\nfield-mode calendar\u002Fclock glyph. See\n",[1876,2579,2581],{"href":2580},"\u002Foverview\u002Ftheming\u002Fcomponent-styling#field-clear-controls","shared clear styling",[941,2583,2585],{"id":2584},"read-only","Read-only",[696,2587,2588,2590,2591,2593,2594,2596],{},[699,2589,2505],{}," shows the value and blocks edits without disabling the control -\nunlike ",[699,2592,2502],{},", it stays focusable\u002Freadable, just not changeable. Not\napplicable to ",[699,2595,1950],{}," (there's no readonly concept for a bare time\nfield):",[754,2598],{"name":2599},"date-picker-readonly",[758,2601,2603],{"className":959,"code":2602,"language":961,"meta":763,"style":763},"\u003CSDatePicker v-model=\"date\" readonly \u002F>\n",[699,2604,2605],{"__ignoreMap":763},[767,2606,2607,2609,2611,2613,2615,2617,2619,2621,2624],{"class":769,"line":8},[767,2608,773],{"class":772},[767,2610,911],{"class":776},[767,2612,914],{"class":780},[767,2614,787],{"class":772},[767,2616,919],{"class":790},[767,2618,922],{"class":772},[767,2620,919],{"class":790},[767,2622,2623],{"class":780}," readonly",[767,2625,927],{"class":772},[941,2627,2629],{"id":2628},"preventing-deselection","Preventing deselection",[696,2631,2632,2635,2636,2639,2640,2642],{},[699,2633,2634],{},"prevent-deselect"," stops a click on the only selected day from clearing it\nentirely - useful when the control should always land on ",[1506,2637,2638],{},"some"," value\nrather than allowing an empty state. Not applicable to ",[699,2641,1950],{},":",[754,2644],{"name":2645},"date-picker-prevent-deselect",[758,2647,2649],{"className":959,"code":2648,"language":961,"meta":763,"style":763},"\u003CSDatePicker v-model=\"date\" prevent-deselect \u002F>\n",[699,2650,2651],{"__ignoreMap":763},[767,2652,2653,2655,2657,2659,2661,2663,2665,2667,2670],{"class":769,"line":8},[767,2654,773],{"class":772},[767,2656,911],{"class":776},[767,2658,914],{"class":780},[767,2660,787],{"class":772},[767,2662,919],{"class":790},[767,2664,922],{"class":772},[767,2666,919],{"class":790},[767,2668,2669],{"class":780}," prevent-deselect",[767,2671,927],{"class":772},[941,2673,2675],{"id":2674},"custom-day-content","Custom day content",[696,2677,2678,2679,2682,2683,1242,2685,1242,2688,1242,2691,2693,2694,6,2697,6,2700,2642],{},"The ",[699,2680,2681],{},"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 ",[699,2684,922],{},[699,2686,2687],{},"dayValue",[699,2689,2690],{},"selected",[699,2692,2502],{},", and (range\nmode only) ",[699,2695,2696],{},"selectionStart",[699,2698,2699],{},"selectionEnd",[699,2701,2702],{},"highlighted",[754,2704],{"name":2705},"date-picker-custom-day",[758,2707,2709],{"className":959,"code":2708,"language":961,"meta":763,"style":763},"\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",[699,2710,2711,2729,2751,2768,2773,2801,2810,2819],{"__ignoreMap":763},[767,2712,2713,2715,2717,2719,2721,2723,2725,2727],{"class":769,"line":8},[767,2714,773],{"class":772},[767,2716,911],{"class":776},[767,2718,914],{"class":780},[767,2720,787],{"class":772},[767,2722,919],{"class":790},[767,2724,922],{"class":772},[767,2726,919],{"class":790},[767,2728,794],{"class":772},[767,2730,2731,2733,2735,2738,2740,2742,2744,2747,2749],{"class":769,"line":797},[767,2732,908],{"class":772},[767,2734,900],{"class":776},[767,2736,2737],{"class":772}," #",[767,2739,2681],{"class":780},[767,2741,787],{"class":772},[767,2743,919],{"class":790},[767,2745,2746],{"class":772},"{ date: cellDate, dayValue }",[767,2748,919],{"class":790},[767,2750,794],{"class":772},[767,2752,2753,2756,2758,2761,2763,2766],{"class":769,"line":816},[767,2754,2755],{"class":772},"    \u003C",[767,2757,767],{"class":776},[767,2759,2760],{"class":780}," class",[767,2762,787],{"class":772},[767,2764,2765],{"class":790},"\"relative flex flex-col items-center\"",[767,2767,794],{"class":772},[767,2769,2770],{"class":769,"line":829},[767,2771,2772],{"class":772},"      {{ dayValue }}\n",[767,2774,2775,2778,2780,2783,2785,2788,2790,2792,2795,2799],{"class":769,"line":835},[767,2776,2777],{"class":772},"      \u003C",[767,2779,767],{"class":776},[767,2781,2782],{"class":780}," v-if",[767,2784,787],{"class":772},[767,2786,2787],{"class":790},"\"hasEvent(cellDate)\"",[767,2789,2760],{"class":780},[767,2791,787],{"class":772},[767,2793,2794],{"class":790},"\"absolute -bottom-1.5 size-1 rounded-full bg-[var(--selaras-resolved-color-primary-fill)]\"",[767,2796,2798],{"class":2797},"s7hpK"," \u002F",[767,2800,794],{"class":772},[767,2802,2803,2806,2808],{"class":769,"line":842},[767,2804,2805],{"class":772},"    \u003C\u002F",[767,2807,767],{"class":776},[767,2809,794],{"class":772},[767,2811,2812,2815,2817],{"class":769,"line":848},[767,2813,2814],{"class":772},"  \u003C\u002F",[767,2816,900],{"class":776},[767,2818,794],{"class":772},[767,2820,2821,2823,2825],{"class":769,"line":854},[767,2822,885],{"class":772},[767,2824,911],{"class":776},[767,2826,794],{"class":772},[941,2828,2830],{"id":2829},"adaptive-presentation","Adaptive presentation",[696,2832,2833,2836,2837,2839,2840,2842],{},[699,2834,2835],{},"adaptive"," switches the calendar to a centered\n",[1876,2838,386],{"href":387}," below your configured adaptive breakpoint.\nIt is opt-in (defaults ",[699,2841,2426],{},"), chooses the presentation on open, and works\nacross single-date, range, and time-only mode:",[754,2844],{"name":2845},"date-picker-adaptive",[941,2847,2849],{"id":2848},"forms-integration","Forms integration",[696,2851,2852,2853,2855,2856,6,2859,748,2862,2134,2865,2868,2869,2871,2872,2874],{},"Wrap it in ",[1876,2854,304],{"href":305}," to get ",[699,2857,2858],{},"id",[699,2860,2861],{},"name",[699,2863,2864],{},"invalid",[699,2866,2867],{},"aria-describedby"," wired up automatically - ",[699,2870,2864],{}," and\n",[699,2873,2146],{}," both fall back to FormField's own state when not set directly.",[941,2876,62],{"id":2877},"accessibility",[696,2879,2880,2881,2884,2885,748,2888,2891],{},"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 ",[699,2882,2883],{},"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 ",[699,2886,2887],{},"aria-selected",[699,2889,2890],{},"aria-disabled"," in addition to the visual styling.",[941,2893,2895,2896],{"id":2894},"custom-ui","Custom ",[699,2897,2898],{},":ui",[696,2900,2901,2902,2904],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's ",[699,2903,274],{},"'s own theme file:",[2906,2907],"theme-source",{"name":2908},"date-picker",[941,2910,2912],{"id":2911},"time-section-styling","Time section styling",[696,2914,2915,2918,2919,2922],{},[699,2916,2917],{},"ui.timeSection"," styles the time controls below a calendar, including their divider.\n",[699,2920,2921],{},"ui.timeSectionStandalone"," styles time-only controls without adding a divider or\nspacing for an absent calendar. Both slots also support global theme overrides.",[758,2924,2926],{"className":959,"code":2925,"language":961,"meta":763,"style":763},"\u003CSDatePicker time-only :ui=\"{ timeSectionStandalone: 'gap-3' }\" \u002F>\n",[699,2927,2928],{"__ignoreMap":763},[767,2929,2930,2932,2934,2936,2938,2941,2943,2945,2948,2951,2953,2955],{"class":769,"line":8},[767,2931,773],{"class":772},[767,2933,911],{"class":776},[767,2935,2091],{"class":780},[767,2937,982],{"class":772},[767,2939,2940],{"class":780},"ui",[767,2942,787],{"class":772},[767,2944,919],{"class":790},[767,2946,2947],{"class":772},"{ timeSectionStandalone: ",[767,2949,2950],{"class":790},"'gap-3'",[767,2952,1410],{"class":772},[767,2954,919],{"class":790},[767,2956,927],{"class":772},[691,2958,2960],{"id":2959},"props","Props",[2962,2963,2964,2980],"table",{},[2965,2966,2967],"thead",{},[2968,2969,2970,2974,2977],"tr",{},[2971,2972,2973],"th",{},"Prop",[2971,2975,2976],{},"Type",[2971,2978,2979],{},"Default",[2981,2982,2983,2998,3010,3023,3037,3052,3077,3090,3104,3118,3130,3142,3154,3167,3181,3193,3216,3231,3245,3262,3277,3291,3307,3323,3339,3356,3371,3387,3402,3416,3431,3444,3457,3471,3489,3506,3520,3534,3550,3567,3582,3597,3611,3627,3641],"tbody",{},[2968,2984,2985,2990,2995],{},[2986,2987,2988],"td",{},[699,2989,2858],{},[2986,2991,2992],{},[699,2993,2994],{},"string",[2986,2996,2997],{},"-",[2968,2999,3000,3004,3008],{},[2986,3001,3002],{},[699,3003,2861],{},[2986,3005,3006],{},[699,3007,2994],{},[2986,3009,2997],{},[2968,3011,3012,3017,3021],{},[2986,3013,3014],{},[699,3015,3016],{},"form",[2986,3018,3019],{},[699,3020,2994],{},[2986,3022,2997],{},[2968,3024,3025,3030,3035],{},[2986,3026,3027],{},[699,3028,3029],{},"open",[2986,3031,3032],{},[699,3033,3034],{},"boolean",[2986,3036,2997],{},[2968,3038,3039,3044,3048],{},[2986,3040,3041],{},[699,3042,3043],{},"defaultOpen",[2986,3045,3046],{},[699,3047,3034],{},[2986,3049,3050],{},[699,3051,2426],{},[2968,3053,3054,3058,3075],{},[2986,3055,3056],{},[699,3057,1594],{},[2986,3059,3060,1246,3063,3065,3066,3068,3069,3065,3071,3074],{},[699,3061,3062],{},"DateValue | DateRange | Time",[699,3064,1186],{}," when ",[699,3067,1099],{}," is set, ",[699,3070,1962],{},[699,3072,3073],{},"timeOnly"," is set)",[2986,3076,2997],{},[2968,3078,3079,3084,3088],{},[2986,3080,3081],{},[699,3082,3083],{},"defaultValue",[2986,3085,3086],{},[699,3087,3062],{},[2986,3089,2997],{},[2968,3091,3092,3096,3100],{},[2986,3093,3094],{},[699,3095,1099],{},[2986,3097,3098],{},[699,3099,3034],{},[2986,3101,3102],{},[699,3103,2426],{},[2968,3105,3106,3110,3114],{},[2986,3107,3108],{},[699,3109,3073],{},[2986,3111,3112],{},[699,3113,3034],{},[2986,3115,3116],{},[699,3117,2426],{},[2968,3119,3120,3124,3128],{},[2986,3121,3122],{},[699,3123,721],{},[2986,3125,3126],{},[699,3127,709],{},[2986,3129,2997],{},[2968,3131,3132,3136,3140],{},[2986,3133,3134],{},[699,3135,724],{},[2986,3137,3138],{},[699,3139,709],{},[2986,3141,2997],{},[2968,3143,3144,3148,3152],{},[2986,3145,3146],{},[699,3147,728],{},[2986,3149,3150],{},[699,3151,1030],{},[2986,3153,2997],{},[2968,3155,3156,3161,3165],{},[2986,3157,3158],{},[699,3159,3160],{},"isDateDisabled",[2986,3162,3163],{},[699,3164,1030],{},[2986,3166,2997],{},[2968,3168,3169,3174,3179],{},[2986,3170,3171],{},[699,3172,3173],{},"isDateHighlightable",[2986,3175,3176,3178],{},[699,3177,1030],{}," (range only)",[2986,3180,2997],{},[2968,3182,3183,3187,3191],{},[2986,3184,3185],{},[699,3186,1898],{},[2986,3188,3189],{},[699,3190,2994],{},[2986,3192,2997],{},[2968,3194,3195,3200,3205],{},[2986,3196,3197],{},[699,3198,3199],{},"numberOfMonths",[2986,3201,3202],{},[699,3203,3204],{},"number",[2986,3206,3207,3209,3210,3065,3213,3215],{},[699,3208,1605],{},", or ",[699,3211,3212],{},"2",[699,3214,1099],{}," is set",[2968,3217,3218,3223,3227],{},[2986,3219,3220],{},[699,3221,3222],{},"pagedNavigation",[2986,3224,3225],{},[699,3226,3034],{},[2986,3228,3229],{},[699,3230,2426],{},[2968,3232,3233,3238,3243],{},[2986,3234,3235],{},[699,3236,3237],{},"weekStartsOn",[2986,3239,3240],{},[699,3241,3242],{},"0 | 1 | 2 | 3 | 4 | 5 | 6",[2986,3244,2997],{},[2968,3246,3247,3252,3257],{},[2986,3248,3249],{},[699,3250,3251],{},"weekdayFormat",[2986,3253,3254],{},[699,3255,3256],{},"'narrow' | 'short' | 'long'",[2986,3258,3259],{},[699,3260,3261],{},"narrow",[2968,3263,3264,3269,3273],{},[2986,3265,3266],{},[699,3267,3268],{},"fixedWeeks",[2986,3270,3271],{},[699,3272,3034],{},[2986,3274,3275],{},[699,3276,2426],{},[2968,3278,3279,3283,3287],{},[2986,3280,3281],{},[699,3282,1527],{},[2986,3284,3285],{},[699,3286,3034],{},[2986,3288,3289],{},[699,3290,2397],{},[2968,3292,3293,3298,3303],{},[2986,3294,3295],{},[699,3296,3297],{},"triggerMode",[2986,3299,3300],{},[699,3301,3302],{},"'field' | 'button'",[2986,3304,3305],{},[699,3306,1420],{},[2968,3308,3309,3313,3319],{},[2986,3310,3311],{},[699,3312,1443],{},[2986,3314,3315,3318],{},[699,3316,3317],{},"'date' | 'month' | 'year'"," (single-date mode only)",[2986,3320,3321],{},[699,3322,922],{},[2968,3324,3325,3330,3337],{},[2986,3326,3327],{},[699,3328,3329],{},"isMonthDisabled",[2986,3331,3332,1246,3334,3336],{},[699,3333,1030],{},[699,3335,1643],{}," only)",[2986,3338,2997],{},[2968,3340,3341,3346,3354],{},[2986,3342,3343],{},[699,3344,3345],{},"isYearDisabled",[2986,3347,3348,1246,3351,3336],{},[699,3349,3350],{},"(year: number) => boolean",[699,3352,3353],{},"view=\"year\"",[2986,3355,2997],{},[2968,3357,3358,3362,3367],{},[2986,3359,3360],{},[699,3361,1512],{},[2986,3363,3364,3318],{},[699,3365,3366],{},"'year' | 'month' | 'day' | 'hour' | 'minute'",[2986,3368,3369],{},[699,3370,2681],{},[2968,3372,3373,3378,3383],{},[2986,3374,3375],{},[699,3376,3377],{},"minuteStep",[2986,3379,3380,3382],{},[699,3381,3204],{}," (hour\u002Fminute granularity only)",[2986,3384,3385],{},[699,3386,1605],{},[2968,3388,3389,3394,3399],{},[2986,3390,3391],{},[699,3392,3393],{},"hourCycle",[2986,3395,3396,3382],{},[699,3397,3398],{},"12 | 24",[2986,3400,3401],{},"locale default",[2968,3403,3404,3408,3412],{},[2986,3405,3406],{},[699,3407,1319],{},[2986,3409,3410],{},[699,3411,1323],{},[2986,3413,3414],{},[699,3415,1327],{},[2968,3417,3418,3423,3427],{},[2986,3419,3420],{},[699,3421,3422],{},"allowNonContiguousRanges",[2986,3424,3425,3178],{},[699,3426,3034],{},[2986,3428,3429],{},[699,3430,2426],{},[2968,3432,3433,3438,3442],{},[2986,3434,3435],{},[699,3436,3437],{},"fixedDate",[2986,3439,3440,3178],{},[699,3441,1249],{},[2986,3443,2997],{},[2968,3445,3446,3451,3455],{},[2986,3447,3448],{},[699,3449,3450],{},"maximumDays",[2986,3452,3453,3178],{},[699,3454,3204],{},[2986,3456,2997],{},[2968,3458,3459,3463,3467],{},[2986,3460,3461],{},[699,3462,2502],{},[2986,3464,3465],{},[699,3466,3034],{},[2986,3468,3469],{},[699,3470,2426],{},[2968,3472,3473,3477,3485],{},[2986,3474,3475],{},[699,3476,2505],{},[2986,3478,3479,3481,3482,3484],{},[699,3480,3034],{}," (not ",[699,3483,3073],{},")",[2986,3486,3487],{},[699,3488,2426],{},[2968,3490,3491,3496,3502],{},[2986,3492,3493],{},[699,3494,3495],{},"preventDeselect",[2986,3497,3498,3481,3500,3484],{},[699,3499,3034],{},[699,3501,3073],{},[2986,3503,3504],{},[699,3505,2426],{},[2968,3507,3508,3512,3516],{},[2986,3509,3510],{},[699,3511,2864],{},[2986,3513,3514],{},[699,3515,3034],{},[2986,3517,3518],{},[699,3519,2426],{},[2968,3521,3522,3526,3530],{},[2986,3523,3524],{},[699,3525,2116],{},[2986,3527,3528],{},[699,3529,3034],{},[2986,3531,3532],{},[699,3533,2426],{},[2968,3535,3536,3540,3545],{},[2986,3537,3538],{},[699,3539,2267],{},[2986,3541,3542],{},[1876,3543,3544],{"href":84},"ColorRole",[2986,3546,3547],{},[699,3548,3549],{},"'neutral'",[2968,3551,3552,3557,3562],{},[2986,3553,3554],{},[699,3555,3556],{},"activeColor",[2986,3558,3559,3560],{},"same as ",[699,3561,2267],{},[2986,3563,3564],{},[699,3565,3566],{},"'primary'",[2968,3568,3569,3573,3578],{},[2986,3570,3571],{},[699,3572,2146],{},[2986,3574,3575],{},[699,3576,3577],{},"'sm' | 'md' | 'lg'",[2986,3579,3580],{},[699,3581,2153],{},[2968,3583,3584,3588,3593],{},[2986,3585,3586],{},[699,3587,2316],{},[2986,3589,3590],{},[699,3591,3592],{},"boolean | RoundedArrowConfig",[2986,3594,3595],{},[699,3596,2426],{},[2968,3598,3599,3603,3608],{},[2986,3600,3601],{},[699,3602,2414],{},[2986,3604,3605],{},[699,3606,3607],{},"OverlayPositioning",[2986,3609,3610],{},"anchored calendar defaults",[2968,3612,3613,3617,3622],{},[2986,3614,3615],{},[699,3616,2422],{},[2986,3618,3619],{},[699,3620,3621],{},"boolean | string | HTMLElement",[2986,3623,3624,3626],{},[699,3625,2397],{}," (document body)",[2968,3628,3629,3633,3637],{},[2986,3630,3631],{},[699,3632,2835],{},[2986,3634,3635],{},[699,3636,3034],{},[2986,3638,3639],{},[699,3640,2426],{},[2968,3642,3643,3647,3652],{},[2986,3644,3645],{},[699,3646,2940],{},[2986,3648,3649],{},[699,3650,3651],{},"Partial\u003CRecord\u003C'root' | 'field' | 'segment' | 'separator' | 'clear' | 'buttonClear' | 'triggerIcon' | 'content' | 'mobileContent' | 'header' | 'heading' | 'grids' | 'grid' | 'gridHead' | 'headCell' | 'cell' | 'viewGrid' | 'timeSectionStandalone' | 'timeSection' | 'arrow', string | object>>",[2986,3653,2997],{},[691,3655,3657],{"id":3656},"slots","Slots",[2962,3659,3660,3672],{},[2965,3661,3662],{},[2968,3663,3664,3667,3669],{},[2971,3665,3666],{},"Slot",[2971,3668,2960],{},[2971,3670,3671],{},"Description",[2981,3673,3674,3695,3710,3728],{},[2968,3675,3676,3680,3692],{},[2986,3677,3678],{},[699,3679,2681],{},[2986,3681,3682,3685,3686,1242,3688,1242,3690,3484],{},[699,3683,3684],{},"{ date, dayValue, selected, disabled }"," (range mode adds ",[699,3687,2696],{},[699,3689,2699],{},[699,3691,2702],{},[2986,3693,3694],{},"Custom content inside a day-cell button (single-date and range grids)",[2968,3696,3697,3702,3704],{},[2986,3698,3699],{},[699,3700,3701],{},"clear-icon",[2986,3703,2997],{},[2986,3705,3706,3707,3484],{},"Replaces the clear button's icon (default: ",[699,3708,3709],{},"hugeicons:cancel-01",[2968,3711,3712,3717,3719],{},[2986,3713,3714],{},[699,3715,3716],{},"trigger-icon",[2986,3718,2997],{},[2986,3720,3721,3722,6,3725,3484],{},"Replaces the trigger button's icon in both trigger modes (default: ",[699,3723,3724],{},"hugeicons:calendar-01",[699,3726,3727],{},"hugeicons:clock-01",[2968,3729,3730,3735,3737],{},[2986,3731,3732],{},[699,3733,3734],{},"footer",[2986,3736,2997],{},[2986,3738,3739],{},"Content appended below the calendar\u002Ftime content, above the Done button",[691,3741,3743],{"id":3742},"emits","Emits",[2962,3745,3746,3758],{},[2965,3747,3748],{},[2968,3749,3750,3753,3756],{},[2971,3751,3752],{},"Emit",[2971,3754,3755],{},"Payload",[2971,3757,3671],{},[2981,3759,3760,3774,3792],{},[2968,3761,3762,3767,3771],{},[2986,3763,3764],{},[699,3765,3766],{},"update:open",[2986,3768,3769],{},[699,3770,3034],{},[2986,3772,3773],{},"Fires when the picker requests opening or closing",[2968,3775,3776,3781,3786],{},[2986,3777,3778],{},[699,3779,3780],{},"update:modelValue",[2986,3782,3783],{},[699,3784,3785],{},"DateValue | DateRange | Time | undefined",[2986,3787,3788,3789,3791],{},"Proposes a selected, typed, or cleared value; ",[699,3790,1962],{}," in time-only mode",[2968,3793,3794,3799,3803],{},[2986,3795,3796],{},[699,3797,3798],{},"update:view",[2986,3800,3801],{},[699,3802,3317],{},[2986,3804,3805],{},"Fires when the heading or a month\u002Fyear cell drills the popover to a different view",[3807,3808,3809],"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":763,"searchDepth":816,"depth":816,"links":3811},[3812,3836,3837,3838],{"id":693,"depth":797,"text":694,"children":3813},[3814,3815,3816,3817,3818,3819,3820,3821,3822,3823,3824,3825,3826,3827,3828,3829,3830,3831,3832,3833,3835],{"id":943,"depth":816,"text":944},{"id":1020,"depth":816,"text":1021},{"id":1093,"depth":816,"text":1094},{"id":1310,"depth":816,"text":1311},{"id":1436,"depth":816,"text":1437},{"id":1498,"depth":816,"text":1499},{"id":1631,"depth":816,"text":1632},{"id":1713,"depth":816,"text":1714},{"id":1950,"depth":816,"text":1951},{"id":2140,"depth":816,"text":2141},{"id":2261,"depth":816,"text":2262},{"id":2316,"depth":816,"text":2317},{"id":2489,"depth":816,"text":2490},{"id":2584,"depth":816,"text":2585},{"id":2628,"depth":816,"text":2629},{"id":2674,"depth":816,"text":2675},{"id":2829,"depth":816,"text":2830},{"id":2848,"depth":816,"text":2849},{"id":2877,"depth":816,"text":62},{"id":2894,"depth":816,"text":3834},"Custom :ui",{"id":2911,"depth":816,"text":2912},{"id":2959,"depth":797,"text":2960},{"id":3656,"depth":797,"text":3657},{"id":3742,"depth":797,"text":3743},"A calendar-popover date input built on Reka UI's DatePicker primitive.",{},{"title":274,"description":3839},"JqBr8hQz87Urpk1hQmIr-PuIeGmgKcSgAxwffHaSmUc",{"id":3844,"title":274,"aside":686,"body":3845,"collapse":10,"description":6565,"editLink":686,"extension":2153,"icon":9,"issueLink":686,"meta":6566,"navBadges":9,"navigation":9,"order":277,"path":6567,"prevNext":686,"seo":6568,"stem":6569,"toc":686,"__hash__":6570},"docs\u002Fid\u002Fcomponents\u002Fforms\u002Fdate-picker.md",{"type":688,"value":3846,"toc":6537},[3847,3851,3891,3893,4017,4020,4022,4029,4031,4083,4085,4098,4100,4144,4146,4166,4168,4278,4293,4304,4306,4336,4338,4352,4354,4430,4445,4447,4459,4461,4489,4497,4499,4524,4526,4578,4609,4611,4627,4629,4681,4683,4707,4709,4823,4844,4858,4892,4894,4923,4925,5035,5065,5069,5081,5096,5098,5174,5178,5186,5188,5222,5224,5231,5233,5303,5320,5368,5370,5386,5388,5432,5447,5449,5460,5462,5486,5490,5501,5503,5527,5531,5552,5554,5660,5662,5673,5675,5679,5699,5703,5714,5718,5724,5726,5728,5736,5766,5768,6401,6403,6477,6479,6535],[691,3848,3850],{"id":3849},"penggunaan","Penggunaan",[696,3852,3853,3855,3856,706,3858,3860,3861,3863,3864,3866,3867,6,3869,3871,3872,3874,3875,3877,3878,3880,3881,3883,3884,744,3886,6,3888,3890],{},[699,3854,701],{}," adalah ",[699,3857,705],{},[699,3859,709],{}," (biasanya ",[699,3862,713],{}," untuk granularitas date-only komponen ini), bukan native ",[699,3865,717],{}," - segmented field, grid kalender, ",[699,3868,721],{},[699,3870,724],{},", dan ",[699,3873,728],{}," semua berbagi tipe yang sama, jadi tidak ada konversi lossy di boundary. Ia sudah memiliki ",[699,3876,732],{}," ISO (",[699,3879,736],{},") dan konstruktor ",[699,3882,740],{}," yang cocok jika Anda perlu berinteroperasi dengan string polos, dan ",[699,3885,705],{},[699,3887,747],{},[699,3889,751],{}," mencakup kasus umum \"relative to now\":",[754,3892],{"name":756},[758,3894,3896],{"className":760,"code":3895,"language":762,"meta":763,"style":763},"\u003Cscript setup lang=\"ts\">\nimport type { DateValue } from '@internationalized\u002Fdate'\nimport { shallowRef } from 'vue'\n\n\u002F\u002F shallowRef, bukan ref - instance DateValue membawa private class fields nyata\n\u002F\u002F yang tipe plain ref akan strip, merusak assignability kembali ke v-model.\n\u002F\u002F Nilai selalu diganti secara utuh, tidak dimutasi di tempat.\nconst date = shallowRef\u003CDateValue>()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSDatePicker v-model=\"date\" \u002F>\n\u003C\u002Ftemplate>\n",[699,3897,3898,3914,3926,3936,3940,3945,3950,3955,3971,3979,3983,3991,4009],{"__ignoreMap":763},[767,3899,3900,3902,3904,3906,3908,3910,3912],{"class":769,"line":8},[767,3901,773],{"class":772},[767,3903,777],{"class":776},[767,3905,781],{"class":780},[767,3907,784],{"class":780},[767,3909,787],{"class":772},[767,3911,791],{"class":790},[767,3913,794],{"class":772},[767,3915,3916,3918,3920,3922,3924],{"class":769,"line":797},[767,3917,801],{"class":800},[767,3919,804],{"class":800},[767,3921,807],{"class":772},[767,3923,810],{"class":800},[767,3925,813],{"class":790},[767,3927,3928,3930,3932,3934],{"class":769,"line":816},[767,3929,801],{"class":800},[767,3931,821],{"class":772},[767,3933,810],{"class":800},[767,3935,826],{"class":790},[767,3937,3938],{"class":769,"line":829},[767,3939,832],{"emptyLinePlaceholder":686},[767,3941,3942],{"class":769,"line":835},[767,3943,3944],{"class":838},"\u002F\u002F shallowRef, bukan ref - instance DateValue membawa private class fields nyata\n",[767,3946,3947],{"class":769,"line":842},[767,3948,3949],{"class":838},"\u002F\u002F yang tipe plain ref akan strip, merusak assignability kembali ke v-model.\n",[767,3951,3952],{"class":769,"line":848},[767,3953,3954],{"class":838},"\u002F\u002F Nilai selalu diganti secara utuh, tidak dimutasi di tempat.\n",[767,3956,3957,3959,3961,3963,3965,3967,3969],{"class":769,"line":854},[767,3958,863],{"class":800},[767,3960,867],{"class":866},[767,3962,870],{"class":800},[767,3964,873],{"class":780},[767,3966,773],{"class":772},[767,3968,709],{"class":780},[767,3970,880],{"class":772},[767,3972,3973,3975,3977],{"class":769,"line":860},[767,3974,885],{"class":772},[767,3976,777],{"class":776},[767,3978,794],{"class":772},[767,3980,3981],{"class":769,"line":13},[767,3982,832],{"emptyLinePlaceholder":686},[767,3984,3985,3987,3989],{"class":769,"line":151},[767,3986,773],{"class":772},[767,3988,900],{"class":776},[767,3990,794],{"class":772},[767,3992,3993,3995,3997,3999,4001,4003,4005,4007],{"class":769,"line":170},[767,3994,908],{"class":772},[767,3996,911],{"class":776},[767,3998,914],{"class":780},[767,4000,787],{"class":772},[767,4002,919],{"class":790},[767,4004,922],{"class":772},[767,4006,919],{"class":790},[767,4008,927],{"class":772},[767,4010,4011,4013,4015],{"class":769,"line":905},[767,4012,885],{"class":772},[767,4014,900],{"class":776},[767,4016,794],{"class":772},[696,4018,4019],{},"Klik ikon kalender untuk membuka popover, atau ketik langsung ke segmen day\u002Fmonth\u002Fyear - keduanya tetap sinkron dengan nilai yang sama.",[941,4021,944],{"id":943},[696,4023,4024,6,4026,4028],{},[699,4025,949],{},[699,4027,952],{}," menonaktifkan setiap hari di luar rentang (dan memblokir memilih satu, bukan hanya menstyle-nya):",[754,4030],{"name":956},[758,4032,4033],{"className":959,"code":960,"language":961,"meta":763,"style":763},[699,4034,4035],{"__ignoreMap":763},[767,4036,4037,4039,4041,4043,4045,4047,4049,4051,4053,4055,4057,4059,4061,4063,4065,4067,4069,4071,4073,4075,4077,4079,4081],{"class":769,"line":8},[767,4038,773],{"class":772},[767,4040,911],{"class":776},[767,4042,914],{"class":780},[767,4044,787],{"class":772},[767,4046,919],{"class":790},[767,4048,922],{"class":772},[767,4050,919],{"class":790},[767,4052,982],{"class":772},[767,4054,949],{"class":780},[767,4056,787],{"class":772},[767,4058,919],{"class":790},[767,4060,991],{"class":780},[767,4062,994],{"class":772},[767,4064,997],{"class":780},[767,4066,1000],{"class":772},[767,4068,919],{"class":790},[767,4070,982],{"class":772},[767,4072,952],{"class":780},[767,4074,787],{"class":772},[767,4076,919],{"class":790},[767,4078,1013],{"class":800},[767,4080,919],{"class":790},[767,4082,927],{"class":772},[941,4084,1021],{"id":1020},[696,4086,4087,4089,4090,4092,4093,6,4095,4097],{},[699,4088,1026],{}," menerima predicate ",[699,4091,1030],{},". Berbeda dengan ",[699,4094,721],{},[699,4096,724],{},", hari yang unavailable masih dapat dipilih - ia ditandai (coretan, redup) daripada diblokir, cocok untuk constraint yang ingin Anda tandai daripada di-hard-enforce (misalnya \"no weekend deliveries\" di mana konsumen memutuskan apa yang terjadi selanjutnya):",[754,4099],{"name":1039},[758,4101,4102],{"className":959,"code":1042,"language":961,"meta":763,"style":763},[699,4103,4104],{"__ignoreMap":763},[767,4105,4106,4108,4110,4112,4114,4116,4118,4120,4122,4124,4126,4128,4130,4132,4134,4136,4138,4140,4142],{"class":769,"line":8},[767,4107,773],{"class":772},[767,4109,911],{"class":776},[767,4111,914],{"class":780},[767,4113,787],{"class":772},[767,4115,919],{"class":790},[767,4117,922],{"class":772},[767,4119,919],{"class":790},[767,4121,982],{"class":772},[767,4123,1026],{"class":780},[767,4125,787],{"class":772},[767,4127,919],{"class":790},[767,4129,994],{"class":772},[767,4131,1074],{"class":1073},[767,4133,1077],{"class":772},[767,4135,1080],{"class":800},[767,4137,1083],{"class":780},[767,4139,1086],{"class":772},[767,4141,919],{"class":790},[767,4143,927],{"class":772},[941,4145,1094],{"id":1093},[696,4147,4148,4150,4151,4153,4154,4156,4157,4159,4160,4162,4163,4165],{},[699,4149,1099],{}," beralih untuk memilih start dan end date bersamaan - ",[699,4152,701],{}," menjadi ",[699,4155,1106],{}," sebagai gantinya dari satu ",[699,4158,709],{},". Klik hari pertama untuk mengatur start (popover tetap terbuka - seleksi belum selesai), lalu klik hari kedua untuk menyelesaikan rentang dan menutupnya. Default menampilkan dua bulan berdampingan (",[699,4161,1113],{},") daripada satu, karena itulah yang membuat memilih rentang multi-minggu nyaman - berikan ",[699,4164,1117],{}," untuk memindahkan satu bulan sebagai gantinya:",[754,4167],{"name":1121},[758,4169,4170],{"className":760,"code":1124,"language":762,"meta":763,"style":763},[699,4171,4172,4188,4200,4210,4214,4230,4238,4242,4250,4270],{"__ignoreMap":763},[767,4173,4174,4176,4178,4180,4182,4184,4186],{"class":769,"line":8},[767,4175,773],{"class":772},[767,4177,777],{"class":776},[767,4179,781],{"class":780},[767,4181,784],{"class":780},[767,4183,787],{"class":772},[767,4185,791],{"class":790},[767,4187,794],{"class":772},[767,4189,4190,4192,4194,4196,4198],{"class":769,"line":797},[767,4191,801],{"class":800},[767,4193,804],{"class":800},[767,4195,1151],{"class":772},[767,4197,810],{"class":800},[767,4199,1156],{"class":790},[767,4201,4202,4204,4206,4208],{"class":769,"line":816},[767,4203,801],{"class":800},[767,4205,821],{"class":772},[767,4207,810],{"class":800},[767,4209,826],{"class":790},[767,4211,4212],{"class":769,"line":829},[767,4213,832],{"emptyLinePlaceholder":686},[767,4215,4216,4218,4220,4222,4224,4226,4228],{"class":769,"line":835},[767,4217,863],{"class":800},[767,4219,1177],{"class":866},[767,4221,870],{"class":800},[767,4223,873],{"class":780},[767,4225,773],{"class":772},[767,4227,1186],{"class":780},[767,4229,880],{"class":772},[767,4231,4232,4234,4236],{"class":769,"line":842},[767,4233,885],{"class":772},[767,4235,777],{"class":776},[767,4237,794],{"class":772},[767,4239,4240],{"class":769,"line":848},[767,4241,832],{"emptyLinePlaceholder":686},[767,4243,4244,4246,4248],{"class":769,"line":854},[767,4245,773],{"class":772},[767,4247,900],{"class":776},[767,4249,794],{"class":772},[767,4251,4252,4254,4256,4258,4260,4262,4264,4266,4268],{"class":769,"line":860},[767,4253,908],{"class":772},[767,4255,911],{"class":776},[767,4257,914],{"class":780},[767,4259,787],{"class":772},[767,4261,919],{"class":790},[767,4263,1099],{"class":772},[767,4265,919],{"class":790},[767,4267,1177],{"class":780},[767,4269,927],{"class":772},[767,4271,4272,4274,4276],{"class":769,"line":13},[767,4273,885],{"class":772},[767,4275,900],{"class":776},[767,4277,794],{"class":772},[696,4279,4280,1242,4282,1246,4284,4286,4287,4289,4290,4292],{},[699,4281,1241],{},[699,4283,1245],{},[699,4285,1249],{},", mengunci satu ujung di tempat sambil memilih ulang ujung lainnya), ",[699,4288,1253],{}," (membatasi seberapa jauh start\u002Fend dapat terpisah), dan ",[699,4291,1257],{}," semuanya adalah passthrough range-only ke primitif yang mendasarinya.",[696,4294,4295,4297,4298,4300,4301,4303],{},[699,4296,1263],{}," juga dapat dikombinasikan dengan ",[699,4299,1099],{}," - teks tombol menggunakan ",[699,4302,1270],{}," (misalnya \"Jun 15 – Jun 20, 2024\") alih-alih tanggal format tunggal:",[754,4305],{"name":1274},[758,4307,4308],{"className":959,"code":1277,"language":961,"meta":763,"style":763},[699,4309,4310],{"__ignoreMap":763},[767,4311,4312,4314,4316,4318,4320,4322,4324,4326,4328,4330,4332,4334],{"class":769,"line":8},[767,4313,773],{"class":772},[767,4315,911],{"class":776},[767,4317,914],{"class":780},[767,4319,787],{"class":772},[767,4321,919],{"class":790},[767,4323,1099],{"class":772},[767,4325,919],{"class":790},[767,4327,1177],{"class":780},[767,4329,1300],{"class":780},[767,4331,787],{"class":772},[767,4333,1305],{"class":790},[767,4335,927],{"class":772},[941,4337,1311],{"id":1310},[696,4339,4340,4342,4343,4345,4346,4348,4349,4351],{},[699,4341,1263],{}," mengganti segmen yang dapat diketik dengan satu tombol yang menunjukkan tanggal yang diformat (atau pesan placeholder saat kosong) - trigger \"klik untuk membuka\" yang lebih polos saat segmented field inline typing tidak dibutuhkan. ",[699,4344,1319],{}," (objek ",[699,4347,1323],{}," - bentuk yang sama yang digunakan setiap API pemformatan tanggal JS lainnya, default ",[699,4350,1327],{},") mengontrol bagaimana teks tombol itu dibaca:",[754,4353],{"name":1331},[758,4355,4356],{"className":959,"code":1334,"language":961,"meta":763,"style":763},[699,4357,4358,4382],{"__ignoreMap":763},[767,4359,4360,4362,4364,4366,4368,4370,4372,4374,4376,4378,4380],{"class":769,"line":8},[767,4361,773],{"class":772},[767,4363,911],{"class":776},[767,4365,914],{"class":780},[767,4367,787],{"class":772},[767,4369,919],{"class":790},[767,4371,922],{"class":772},[767,4373,919],{"class":790},[767,4375,1300],{"class":780},[767,4377,787],{"class":772},[767,4379,1305],{"class":790},[767,4381,927],{"class":772},[767,4383,4384,4386,4388,4390,4392,4394,4396,4398,4400,4402,4404,4406,4408,4410,4412,4414,4416,4418,4420,4422,4424,4426,4428],{"class":769,"line":797},[767,4385,773],{"class":772},[767,4387,911],{"class":776},[767,4389,914],{"class":780},[767,4391,787],{"class":772},[767,4393,919],{"class":790},[767,4395,922],{"class":772},[767,4397,919],{"class":790},[767,4399,1300],{"class":780},[767,4401,787],{"class":772},[767,4403,1305],{"class":790},[767,4405,982],{"class":772},[767,4407,1319],{"class":780},[767,4409,787],{"class":772},[767,4411,919],{"class":790},[767,4413,1393],{"class":772},[767,4415,1396],{"class":790},[767,4417,1399],{"class":772},[767,4419,1402],{"class":790},[767,4421,1405],{"class":772},[767,4423,1402],{"class":790},[767,4425,1410],{"class":772},[767,4427,919],{"class":790},[767,4429,927],{"class":772},[696,4431,4432,4433,4435,4436,4438,4439,4441,4442,4444],{},"Kedua mode trigger berbagi slot UI ",[699,4434,1420],{},". Atur ",[699,4437,1424],{}," secara global, atau ",[699,4440,1428],{}," pada instance, untuk menyesuaikan permukaan, border, dan interaction states mereka bersama. Ini juga berlaku untuk range dan time-only pickers. Fokus field menggunakan ",[699,4443,1432],{},"; field invalid menggunakan warna danger.",[941,4446,1437],{"id":1436},[696,4448,4449,4450,4452,4453,4455,4456,4458],{},"Klik heading kalender untuk menelusuri dari day grid ke month grid, lalu year grid - memilih bulan atau tahun melompatkan day grid langsung ke sana daripada memindahkan satu bulan pada satu waktu. ",[699,4451,1443],{}," mengatur grid mana yang terbuka pertama (",[699,4454,1447],{}," secara default); memberikan ",[699,4457,1451],{}," memulai picker gaya tanggal lahir langsung di year grid:",[754,4460],{"name":1455},[758,4462,4463],{"className":959,"code":1458,"language":961,"meta":763,"style":763},[699,4464,4465],{"__ignoreMap":763},[767,4466,4467,4469,4471,4473,4475,4477,4479,4481,4483,4485,4487],{"class":769,"line":8},[767,4468,773],{"class":772},[767,4470,911],{"class":776},[767,4472,914],{"class":780},[767,4474,787],{"class":772},[767,4476,919],{"class":790},[767,4478,922],{"class":772},[767,4480,919],{"class":790},[767,4482,1479],{"class":780},[767,4484,787],{"class":772},[767,4486,1484],{"class":790},[767,4488,927],{"class":772},[696,4490,4491,4492,4494,4495,1495],{},"Hanya mode single-date - heading dan navigasi ",[699,4493,1099],{}," sendiri tidak terpengaruh oleh ",[699,4496,1443],{},[941,4498,1499],{"id":1498},[696,4500,4501,4503,4504,4507,4508,4510,4511,4514,4515,4517,4518,4520,4521,4523],{},[699,4502,1443],{}," hanya mengubah grid mana yang popover ",[1506,4505,4506],{},"mulai"," - memilih bulan di sana masih menelusuri ke hari. ",[699,4509,1512],{}," berbeda: ia mengubah apa yang ",[1506,4512,4513],{},"nilai itu sendiri"," wakili. Atur ke ",[699,4516,1520],{}," atau ",[699,4519,1451],{}," untuk picker yang nilainya berhenti pada presisi itu - day grid tidak pernah dirender, dan memilih bulan atau tahun adalah aksi terakhir yang menutup popover (tergantung ",[699,4522,1527],{},") daripada menelusuri lebih jauh:",[754,4525],{"name":1531},[758,4527,4528],{"className":959,"code":1534,"language":961,"meta":763,"style":763},[699,4529,4530,4554],{"__ignoreMap":763},[767,4531,4532,4534,4536,4538,4540,4542,4544,4546,4548,4550,4552],{"class":769,"line":8},[767,4533,773],{"class":772},[767,4535,911],{"class":776},[767,4537,914],{"class":780},[767,4539,787],{"class":772},[767,4541,919],{"class":790},[767,4543,1551],{"class":772},[767,4545,919],{"class":790},[767,4547,1556],{"class":780},[767,4549,787],{"class":772},[767,4551,1561],{"class":790},[767,4553,927],{"class":772},[767,4555,4556,4558,4560,4562,4564,4566,4568,4570,4572,4574,4576],{"class":769,"line":797},[767,4557,773],{"class":772},[767,4559,911],{"class":776},[767,4561,914],{"class":780},[767,4563,787],{"class":772},[767,4565,919],{"class":790},[767,4567,1578],{"class":772},[767,4569,919],{"class":790},[767,4571,1556],{"class":780},[767,4573,787],{"class":772},[767,4575,1484],{"class":790},[767,4577,927],{"class":772},[696,4579,4580,4581,4583,4584,4586,4587,4589,4590,3871,4592,4594,4595,4597,4598,1617,4600,4602,4603,4605,4606,4608],{},"Library date yang mendasarinya tidak memiliki tipe nilai month-only atau year-only, jadi ",[699,4582,1594],{}," tetap ",[699,4585,709],{}," yang sama bagaimanapun - ",[699,4588,1601],{}," memperbaiki hari ke ",[699,4591,1605],{},[699,4593,1609],{}," memperbaiki bulan dan hari ke ",[699,4596,1605],{},". Mode segmented field hanya menunjukkan segmen yang penting (month+year, atau hanya year), dan teks button-mode\u002Fformat default juga disesuaikan (",[699,4599,1616],{},[699,4601,1620],{},") - keduanya masih dapat dioverride melalui ",[699,4604,1319],{},". Heading masih dapat menelusuri ",[1506,4607,1627],{}," (misalnya, picker month-granularity melompat ke year view untuk mencapai tahun jauh dengan cepat) - hanya arah terminal, \"memilih ini adalah jawabannya\" yang berubah. Hanya mode single-date.",[941,4610,1632],{"id":1631},[696,4612,4613,6,4615,1246,4617,6,4619,4621,4622,6,4624,4626],{},[699,4614,1637],{},[699,4616,1640],{},[699,4618,1643],{},[699,4620,1484],{}," saja) menonaktifkan bulan\u002Ftahun tertentu di atas apa yang sudah dinonaktifkan oleh ",[699,4623,949],{},[699,4625,952],{}," - berguna untuk memblokir bulan tertentu karena penutupan yang diketahui, terlepas dari rentang yang diizinkan secara keseluruhan:",[754,4628],{"name":1654},[758,4630,4631],{"className":959,"code":1657,"language":961,"meta":763,"style":763},[699,4632,4633],{"__ignoreMap":763},[767,4634,4635,4637,4639,4641,4643,4645,4647,4649,4651,4653,4655,4657,4659,4661,4663,4665,4667,4669,4671,4673,4675,4677,4679],{"class":769,"line":8},[767,4636,773],{"class":772},[767,4638,911],{"class":776},[767,4640,914],{"class":780},[767,4642,787],{"class":772},[767,4644,919],{"class":790},[767,4646,922],{"class":772},[767,4648,919],{"class":790},[767,4650,1479],{"class":780},[767,4652,787],{"class":772},[767,4654,1561],{"class":790},[767,4656,982],{"class":772},[767,4658,1637],{"class":780},[767,4660,787],{"class":772},[767,4662,919],{"class":790},[767,4664,994],{"class":772},[767,4666,1074],{"class":1073},[767,4668,1077],{"class":772},[767,4670,1080],{"class":800},[767,4672,1700],{"class":772},[767,4674,1703],{"class":800},[767,4676,1706],{"class":866},[767,4678,919],{"class":790},[767,4680,927],{"class":772},[941,4682,1714],{"id":1713},[696,4684,4685,6,4687,4689,4690,4153,4692,4694,4695,4697,4698,4700,4701,4703,4704,4706],{},[699,4686,1719],{},[699,4688,1722],{}," menambahkan bagian waktu di bawah day grid alih-alih menggantikannya - memilih hari dan mengatur waktu adalah dua hal independen, jadi day grid tetap sepenuhnya dapat digunakan. ",[699,4691,1594],{},[699,4693,1729],{}," yang mendukung waktu (masih hanya ",[699,4696,709],{},", tipe prop yang sama seperti biasa). Karena tidak ada aksi tunggal yang berarti \"selesai\" di sini, ",[699,4699,1736],{}," tidak lagi menutup popover saat klik hari saat granularity waktu diatur - tombol ",[1739,4702,1741],{}," muncul sebagai gantinya (disembunyikan sepenuhnya jika Anda berikan ",[699,4705,1745],{},", karena itu sudah berarti \"never auto-close\"):",[754,4708],{"name":1749},[758,4710,4711],{"className":760,"code":1752,"language":762,"meta":763,"style":763},[699,4712,4713,4729,4741,4751,4755,4771,4779,4783,4791,4815],{"__ignoreMap":763},[767,4714,4715,4717,4719,4721,4723,4725,4727],{"class":769,"line":8},[767,4716,773],{"class":772},[767,4718,777],{"class":776},[767,4720,781],{"class":780},[767,4722,784],{"class":780},[767,4724,787],{"class":772},[767,4726,791],{"class":790},[767,4728,794],{"class":772},[767,4730,4731,4733,4735,4737,4739],{"class":769,"line":797},[767,4732,801],{"class":800},[767,4734,804],{"class":800},[767,4736,807],{"class":772},[767,4738,810],{"class":800},[767,4740,813],{"class":790},[767,4742,4743,4745,4747,4749],{"class":769,"line":816},[767,4744,801],{"class":800},[767,4746,821],{"class":772},[767,4748,810],{"class":800},[767,4750,826],{"class":790},[767,4752,4753],{"class":769,"line":829},[767,4754,832],{"emptyLinePlaceholder":686},[767,4756,4757,4759,4761,4763,4765,4767,4769],{"class":769,"line":835},[767,4758,863],{"class":800},[767,4760,1803],{"class":866},[767,4762,870],{"class":800},[767,4764,873],{"class":780},[767,4766,773],{"class":772},[767,4768,709],{"class":780},[767,4770,880],{"class":772},[767,4772,4773,4775,4777],{"class":769,"line":842},[767,4774,885],{"class":772},[767,4776,777],{"class":776},[767,4778,794],{"class":772},[767,4780,4781],{"class":769,"line":848},[767,4782,832],{"emptyLinePlaceholder":686},[767,4784,4785,4787,4789],{"class":769,"line":854},[767,4786,773],{"class":772},[767,4788,900],{"class":776},[767,4790,794],{"class":772},[767,4792,4793,4795,4797,4799,4801,4803,4805,4807,4809,4811,4813],{"class":769,"line":860},[767,4794,908],{"class":772},[767,4796,911],{"class":776},[767,4798,914],{"class":780},[767,4800,787],{"class":772},[767,4802,919],{"class":790},[767,4804,1848],{"class":772},[767,4806,919],{"class":790},[767,4808,1556],{"class":780},[767,4810,787],{"class":772},[767,4812,1722],{"class":790},[767,4814,927],{"class":772},[767,4816,4817,4819,4821],{"class":769,"line":13},[767,4818,885],{"class":772},[767,4820,900],{"class":776},[767,4822,794],{"class":772},[696,4824,4825,4827,4828,4830,4831,4833,4834,1882,4836,4838,4839,6,4841,4843],{},[699,4826,1719],{}," hanya menunjukkan hour stepper; ",[699,4829,1722],{}," menambahkan stepper kedua di sampingnya. Keduanya dibangun dari ",[1876,4832,230],{"href":231}," - ketik nilai langsung atau gunakan tombol ±\u002Ftombol panah. ",[699,4835,1881],{},[699,4837,1605],{},") hanya memengaruhi increment click\u002Farrow-key stepper menit; typing masih meng-commit menit apa pun secara tepat - berikan ",[699,4840,1888],{},[699,4842,1891],{},"\u002Fetc untuk langkah \"pick an appointment time\" yang lebih kasar. Memilih hari mempertahankan waktu apa pun yang sudah diatur, dan menyesuaikan waktu meng-commit nilai menggunakan tanggal hari ini jika belum ada yang dipilih - salah satu dapat disentuh pertama. Hanya mode single-date.",[696,4845,4846,4847,4849,4850,4852,4853,4517,4855,4857],{},"Hour stepper mengikuti siklus jam yang sama seperti field yang diketik sendiri - keduanya default ke apa pun yang ",[699,4848,1898],{}," resolve (12-hour dengan toggle AM\u002FPM untuk ",[699,4851,1902],{},", 24-hour untuk kebanyakan yang lain), jadi kedua permukaan selalu setuju daripada satu menunjukkan \"14\" dan yang lain \"2:00 PM\" untuk momen yang sama. Berikan ",[699,4854,1906],{},[699,4856,1909],{}," untuk memaksa satu apa pun locale-nya:",[758,4859,4860],{"className":959,"code":1913,"language":961,"meta":763,"style":763},[699,4861,4862],{"__ignoreMap":763},[767,4863,4864,4866,4868,4870,4872,4874,4876,4878,4880,4882,4884,4886,4888,4890],{"class":769,"line":8},[767,4865,773],{"class":772},[767,4867,911],{"class":776},[767,4869,914],{"class":780},[767,4871,787],{"class":772},[767,4873,919],{"class":790},[767,4875,1848],{"class":772},[767,4877,919],{"class":790},[767,4879,1556],{"class":780},[767,4881,787],{"class":772},[767,4883,1722],{"class":790},[767,4885,1940],{"class":780},[767,4887,787],{"class":772},[767,4889,1945],{"class":790},[767,4891,927],{"class":772},[941,4893,1951],{"id":1950},[696,4895,4896,4898,4899,4153,4901,4903,4904,4906,4907,4909,4910,6,4912,1242,4914,1242,4916,4918,4919,6,4921,2642],{},[699,4897,1950],{}," menghilangkan date sepenuhnya - ",[699,4900,1594],{},[699,4902,1962],{}," mentah (dari ",[699,4905,705],{},", tanpa komponen date sama sekali, bukan ",[699,4908,709],{},"). Semua yang spesifik grid tanggal (",[699,4911,949],{},[699,4913,952],{},[699,4915,1443],{},[699,4917,1979],{},", dan sebagainya) tidak berlaku - popover hanyalah stepper jam\u002Fmenit, sama seperti yang sudah digunakan ",[699,4920,1719],{},[699,4922,1722],{},[754,4924],{"name":1988},[758,4926,4927],{"className":760,"code":1991,"language":762,"meta":763,"style":763},[699,4928,4929,4945,4957,4967,4971,4987,4995,4999,5007,5027],{"__ignoreMap":763},[767,4930,4931,4933,4935,4937,4939,4941,4943],{"class":769,"line":8},[767,4932,773],{"class":772},[767,4934,777],{"class":776},[767,4936,781],{"class":780},[767,4938,784],{"class":780},[767,4940,787],{"class":772},[767,4942,791],{"class":790},[767,4944,794],{"class":772},[767,4946,4947,4949,4951,4953,4955],{"class":769,"line":797},[767,4948,801],{"class":800},[767,4950,804],{"class":800},[767,4952,2018],{"class":772},[767,4954,810],{"class":800},[767,4956,813],{"class":790},[767,4958,4959,4961,4963,4965],{"class":769,"line":816},[767,4960,801],{"class":800},[767,4962,821],{"class":772},[767,4964,810],{"class":800},[767,4966,826],{"class":790},[767,4968,4969],{"class":769,"line":829},[767,4970,832],{"emptyLinePlaceholder":686},[767,4972,4973,4975,4977,4979,4981,4983,4985],{"class":769,"line":835},[767,4974,863],{"class":800},[767,4976,1803],{"class":866},[767,4978,870],{"class":800},[767,4980,873],{"class":780},[767,4982,773],{"class":772},[767,4984,1962],{"class":780},[767,4986,880],{"class":772},[767,4988,4989,4991,4993],{"class":769,"line":842},[767,4990,885],{"class":772},[767,4992,777],{"class":776},[767,4994,794],{"class":772},[767,4996,4997],{"class":769,"line":848},[767,4998,832],{"emptyLinePlaceholder":686},[767,5000,5001,5003,5005],{"class":769,"line":854},[767,5002,773],{"class":772},[767,5004,900],{"class":776},[767,5006,794],{"class":772},[767,5008,5009,5011,5013,5015,5017,5019,5021,5023,5025],{"class":769,"line":860},[767,5010,908],{"class":772},[767,5012,911],{"class":776},[767,5014,914],{"class":780},[767,5016,787],{"class":772},[767,5018,919],{"class":790},[767,5020,1848],{"class":772},[767,5022,919],{"class":790},[767,5024,2091],{"class":780},[767,5026,927],{"class":772},[767,5028,5029,5031,5033],{"class":769,"line":13},[767,5030,885],{"class":772},[767,5032,900],{"class":776},[767,5034,794],{"class":772},[696,5036,5037,1242,5039,1242,5041,1242,5043,1242,5045,3871,5047,5049,5050,5052,5053,5055,5056,5058,5059,5061,5062,5064],{},[699,5038,1512],{},[699,5040,2108],{},[699,5042,1881],{},[699,5044,2113],{},[699,5046,2116],{},[699,5048,1736],{}," semuanya dibawa tanpa perubahan dari kasus date-time di atas - ",[699,5051,1512],{}," default ke ",[699,5054,2126],{}," di sini (jam mentah kurang berguna sebagai default untuk time picker ",[1506,5057,2130],{}," daripada sebagai add-on ke date). Hanya mode single-date - ",[699,5060,1099],{}," dan ",[699,5063,1950],{}," tidak dapat dikombinasikan.",[941,5066,5068],{"id":5067},"ukuran","Ukuran",[696,5070,5071,5073,5074,1617,5076,1617,5078,5080],{},[699,5072,2146],{}," menerima ",[699,5075,2150],{},[699,5077,2153],{},[699,5079,2156],{},", menyesuaikan field, segmen, dan tombol calendar-day bersamaan.",[696,5082,5083,5084,5086,5087,5089,5090,5092,5093,5095],{},"Trigger luarnya mengikuti skala tinggi default 32 \u002F 40 \u002F 44px ",[1876,5085,2164],{"href":2163}," baik dalam ",[699,5088,2168],{}," maupun ",[699,5091,1263],{},". Tinggi yang sama berlaku untuk mode single-date, range, dan time-only, termasuk saat ",[699,5094,2116],{}," aktif.",[754,5097],{"name":2177},[758,5099,5100],{"className":959,"code":2180,"language":961,"meta":763,"style":763},[699,5101,5102,5126,5150],{"__ignoreMap":763},[767,5103,5104,5106,5108,5110,5112,5114,5116,5118,5120,5122,5124],{"class":769,"line":8},[767,5105,773],{"class":772},[767,5107,911],{"class":776},[767,5109,914],{"class":780},[767,5111,787],{"class":772},[767,5113,919],{"class":790},[767,5115,922],{"class":772},[767,5117,919],{"class":790},[767,5119,2201],{"class":780},[767,5121,787],{"class":772},[767,5123,2206],{"class":790},[767,5125,927],{"class":772},[767,5127,5128,5130,5132,5134,5136,5138,5140,5142,5144,5146,5148],{"class":769,"line":797},[767,5129,773],{"class":772},[767,5131,911],{"class":776},[767,5133,914],{"class":780},[767,5135,787],{"class":772},[767,5137,919],{"class":790},[767,5139,922],{"class":772},[767,5141,919],{"class":790},[767,5143,2201],{"class":780},[767,5145,787],{"class":772},[767,5147,2231],{"class":790},[767,5149,927],{"class":772},[767,5151,5152,5154,5156,5158,5160,5162,5164,5166,5168,5170,5172],{"class":769,"line":816},[767,5153,773],{"class":772},[767,5155,911],{"class":776},[767,5157,914],{"class":780},[767,5159,787],{"class":772},[767,5161,919],{"class":790},[767,5163,922],{"class":772},[767,5165,919],{"class":790},[767,5167,2201],{"class":780},[767,5169,787],{"class":772},[767,5171,2256],{"class":790},[767,5173,927],{"class":772},[941,5175,5177],{"id":5176},"warna","Warna",[696,5179,5180,5182,5183,5185],{},[699,5181,2267],{}," mengatur chrome color - tombol trigger dan nav prev\u002Fnext month; ",[699,5184,1432],{}," mengatur warna apa pun yang sedang \"aktif\" - sel day\u002Fmonth\u002Fyear yang dipilih dan tombol Done:",[754,5187],{"name":2274},[758,5189,5190],{"className":959,"code":2277,"language":961,"meta":763,"style":763},[699,5191,5192],{"__ignoreMap":763},[767,5193,5194,5196,5198,5200,5202,5204,5206,5208,5210,5212,5214,5216,5218,5220],{"class":769,"line":8},[767,5195,773],{"class":772},[767,5197,911],{"class":776},[767,5199,914],{"class":780},[767,5201,787],{"class":772},[767,5203,919],{"class":790},[767,5205,922],{"class":772},[767,5207,919],{"class":790},[767,5209,2298],{"class":780},[767,5211,787],{"class":772},[767,5213,2303],{"class":790},[767,5215,2306],{"class":780},[767,5217,787],{"class":772},[767,5219,2311],{"class":790},[767,5221,927],{"class":772},[941,5223,2317],{"id":2316},[696,5225,5226,5228,5229,2326],{},[699,5227,2316],{}," menunjukkan segitiga penunjuk kecil yang menghubungkan panel ke trigger-nya di seluruh mode single-date, range, dan time-only. Berikan objek untuk mengonfigurasi lebar, tinggi, ujung rounded, atau corner clearance (",[699,5230,2325],{},[754,5232],{"name":2329},[758,5234,5235],{"className":959,"code":2332,"language":961,"meta":763,"style":763},[699,5236,5237,5257],{"__ignoreMap":763},[767,5238,5239,5241,5243,5245,5247,5249,5251,5253,5255],{"class":769,"line":8},[767,5240,773],{"class":772},[767,5242,911],{"class":776},[767,5244,914],{"class":780},[767,5246,787],{"class":772},[767,5248,919],{"class":790},[767,5250,1848],{"class":772},[767,5252,919],{"class":790},[767,5254,2353],{"class":780},[767,5256,927],{"class":772},[767,5258,5259,5261,5263,5265,5267,5269,5271,5273,5275,5277,5279,5281,5283,5285,5287,5289,5291,5293,5295,5297,5299,5301],{"class":769,"line":797},[767,5260,773],{"class":772},[767,5262,911],{"class":776},[767,5264,914],{"class":780},[767,5266,787],{"class":772},[767,5268,919],{"class":790},[767,5270,1848],{"class":772},[767,5272,919],{"class":790},[767,5274,982],{"class":772},[767,5276,2316],{"class":780},[767,5278,787],{"class":772},[767,5280,919],{"class":790},[767,5282,2382],{"class":772},[767,5284,2385],{"class":866},[767,5286,2388],{"class":772},[767,5288,2391],{"class":866},[767,5290,2394],{"class":772},[767,5292,2397],{"class":866},[767,5294,2400],{"class":772},[767,5296,2403],{"class":866},[767,5298,1410],{"class":772},[767,5300,919],{"class":790},[767,5302,927],{"class":772},[696,5304,5305,5307,5308,5310,5311,5313,5314,5316,5317,5319],{},[699,5306,2414],{}," mengontrol sisi, alignment, offsets, dan perilaku collision dari kalender anchored. Untuk kalender single-date, arrow secara default menengahkan panel agar tetap terlihat; ",[699,5309,2418],{}," eksplisit mengoverride pilihan itu. ",[699,5312,2422],{}," default ke document body; atur ke ",[699,5315,2426],{}," untuk inline rendering atau berikan CSS selector atau ",[699,5318,2430],{}," sebagai target teleport. Props ini memengaruhi kalender anchored dalam mode single, range, dan time-only. Modal adaptive memiliki presentasi sendiri.",[758,5321,5322],{"className":959,"code":2434,"language":961,"meta":763,"style":763},[699,5323,5324],{"__ignoreMap":763},[767,5325,5326,5328,5330,5332,5334,5336,5338,5340,5342,5344,5346,5348,5350,5352,5354,5356,5358,5360,5362,5364,5366],{"class":769,"line":8},[767,5327,773],{"class":772},[767,5329,911],{"class":776},[767,5331,914],{"class":780},[767,5333,787],{"class":772},[767,5335,919],{"class":790},[767,5337,1848],{"class":772},[767,5339,919],{"class":790},[767,5341,982],{"class":772},[767,5343,2414],{"class":780},[767,5345,787],{"class":772},[767,5347,919],{"class":790},[767,5349,2463],{"class":772},[767,5351,2466],{"class":790},[767,5353,2469],{"class":772},[767,5355,2472],{"class":790},[767,5357,1410],{"class":772},[767,5359,919],{"class":790},[767,5361,2479],{"class":780},[767,5363,787],{"class":772},[767,5365,2484],{"class":790},[767,5367,927],{"class":772},[941,5369,2490],{"id":2489},[696,5371,5372,5374,5375,5377,5378,3871,5380,5382,5383,5385],{},[699,5373,2116],{}," menambahkan tombol ",[699,5376,2498],{}," netral inset setelah nilai diatur, termasuk rentang yang terisi sebagian. Picker kosong, ",[699,5379,2502],{},[699,5381,2505],{}," menyembunyikannya. Trigger kalender\u002Fjam tetap tersedia di samping clear dalam kedua mode trigger. Clear mengembalikan fokus ke segmen editable pertama atau tombol trigger. ",[699,5384,2502],{}," menonaktifkan seluruh kontrol:",[754,5387],{"name":2512},[758,5389,5390],{"className":959,"code":2515,"language":961,"meta":763,"style":763},[699,5391,5392,5412],{"__ignoreMap":763},[767,5393,5394,5396,5398,5400,5402,5404,5406,5408,5410],{"class":769,"line":8},[767,5395,773],{"class":772},[767,5397,911],{"class":776},[767,5399,914],{"class":780},[767,5401,787],{"class":772},[767,5403,919],{"class":790},[767,5405,922],{"class":772},[767,5407,919],{"class":790},[767,5409,2536],{"class":780},[767,5411,927],{"class":772},[767,5413,5414,5416,5418,5420,5422,5424,5426,5428,5430],{"class":769,"line":797},[767,5415,773],{"class":772},[767,5417,911],{"class":776},[767,5419,914],{"class":780},[767,5421,787],{"class":772},[767,5423,919],{"class":790},[767,5425,922],{"class":772},[767,5427,919],{"class":790},[767,5429,2557],{"class":780},[767,5431,927],{"class":772},[696,5433,5434,5435,4517,5437,2569,5439,5441,5442,5444,5445,1495],{},"Sesuaikan aksi clear dengan ",[699,5436,2565],{},[699,5438,2568],{},[699,5440,2572],{}," mengontrol posisinya dalam button trigger mode; ",[699,5443,2576],{}," men-style field-mode calendar\u002Fclock glyph. Lihat ",[1876,5446,2581],{"href":2580},[941,5448,2585],{"id":2584},[696,5450,5451,5453,5454,5456,5457,5459],{},[699,5452,2505],{}," menunjukkan nilai dan memblokir pengeditan tanpa menonaktifkan kontrol - berbeda dengan ",[699,5455,2502],{},", ia tetap dapat difokuskan\u002Fdibaca, hanya tidak dapat diubah. Tidak berlaku untuk ",[699,5458,1950],{}," (tidak ada konsep readonly untuk field waktu mentah):",[754,5461],{"name":2599},[758,5463,5464],{"className":959,"code":2602,"language":961,"meta":763,"style":763},[699,5465,5466],{"__ignoreMap":763},[767,5467,5468,5470,5472,5474,5476,5478,5480,5482,5484],{"class":769,"line":8},[767,5469,773],{"class":772},[767,5471,911],{"class":776},[767,5473,914],{"class":780},[767,5475,787],{"class":772},[767,5477,919],{"class":790},[767,5479,922],{"class":772},[767,5481,919],{"class":790},[767,5483,2623],{"class":780},[767,5485,927],{"class":772},[941,5487,5489],{"id":5488},"mencegah-deselection","Mencegah deselection",[696,5491,5492,5494,5495,5498,5499,2642],{},[699,5493,2634],{}," menghentikan klik pada satu-satunya hari yang dipilih agar tidak menghapusnya sepenuhnya - berguna saat kontrol harus selalu mendarat pada ",[1506,5496,5497],{},"suatu"," nilai daripada mengizinkan state kosong. Tidak berlaku untuk ",[699,5500,1950],{},[754,5502],{"name":2645},[758,5504,5505],{"className":959,"code":2648,"language":961,"meta":763,"style":763},[699,5506,5507],{"__ignoreMap":763},[767,5508,5509,5511,5513,5515,5517,5519,5521,5523,5525],{"class":769,"line":8},[767,5510,773],{"class":772},[767,5512,911],{"class":776},[767,5514,914],{"class":780},[767,5516,787],{"class":772},[767,5518,919],{"class":790},[767,5520,922],{"class":772},[767,5522,919],{"class":790},[767,5524,2669],{"class":780},[767,5526,927],{"class":772},[941,5528,5530],{"id":5529},"konten-day-kustom","Konten day kustom",[696,5532,5533,5534,5536,5537,1242,5539,1242,5541,1242,5543,5545,5546,6,5548,6,5550,2642],{},"Slot ",[699,5535,2681],{}," menggantikan konten sel hari (dalam grid single-date dan range) - sel itu sendiri, termasuk perilaku seleksi\u002Fkeyboard, tidak terpengaruh. Scoped dengan ",[699,5538,922],{},[699,5540,2687],{},[699,5542,2690],{},[699,5544,2502],{},", dan (hanya range mode) ",[699,5547,2696],{},[699,5549,2699],{},[699,5551,2702],{},[754,5553],{"name":2705},[758,5555,5556],{"className":959,"code":2708,"language":961,"meta":763,"style":763},[699,5557,5558,5576,5596,5610,5614,5636,5644,5652],{"__ignoreMap":763},[767,5559,5560,5562,5564,5566,5568,5570,5572,5574],{"class":769,"line":8},[767,5561,773],{"class":772},[767,5563,911],{"class":776},[767,5565,914],{"class":780},[767,5567,787],{"class":772},[767,5569,919],{"class":790},[767,5571,922],{"class":772},[767,5573,919],{"class":790},[767,5575,794],{"class":772},[767,5577,5578,5580,5582,5584,5586,5588,5590,5592,5594],{"class":769,"line":797},[767,5579,908],{"class":772},[767,5581,900],{"class":776},[767,5583,2737],{"class":772},[767,5585,2681],{"class":780},[767,5587,787],{"class":772},[767,5589,919],{"class":790},[767,5591,2746],{"class":772},[767,5593,919],{"class":790},[767,5595,794],{"class":772},[767,5597,5598,5600,5602,5604,5606,5608],{"class":769,"line":816},[767,5599,2755],{"class":772},[767,5601,767],{"class":776},[767,5603,2760],{"class":780},[767,5605,787],{"class":772},[767,5607,2765],{"class":790},[767,5609,794],{"class":772},[767,5611,5612],{"class":769,"line":829},[767,5613,2772],{"class":772},[767,5615,5616,5618,5620,5622,5624,5626,5628,5630,5632,5634],{"class":769,"line":835},[767,5617,2777],{"class":772},[767,5619,767],{"class":776},[767,5621,2782],{"class":780},[767,5623,787],{"class":772},[767,5625,2787],{"class":790},[767,5627,2760],{"class":780},[767,5629,787],{"class":772},[767,5631,2794],{"class":790},[767,5633,2798],{"class":2797},[767,5635,794],{"class":772},[767,5637,5638,5640,5642],{"class":769,"line":842},[767,5639,2805],{"class":772},[767,5641,767],{"class":776},[767,5643,794],{"class":772},[767,5645,5646,5648,5650],{"class":769,"line":848},[767,5647,2814],{"class":772},[767,5649,900],{"class":776},[767,5651,794],{"class":772},[767,5653,5654,5656,5658],{"class":769,"line":854},[767,5655,885],{"class":772},[767,5657,911],{"class":776},[767,5659,794],{"class":772},[941,5661,2830],{"id":2829},[696,5663,5664,5666,5667,5669,5670,5672],{},[699,5665,2835],{}," mengalihkan kalender ke ",[1876,5668,386],{"href":387}," yang dipusatkan di bawah breakpoint adaptif yang dikonfigurasi. Ini opt-in (default ",[699,5671,2426],{},"), memilih presentasi saat membuka, dan bekerja di seluruh mode single-date, range, dan time-only:",[754,5674],{"name":2845},[941,5676,5678],{"id":5677},"integrasi-formulir","Integrasi formulir",[696,5680,5681,5682,5684,5685,6,5687,6,5689,5061,5691,5693,5694,5061,5696,5698],{},"Bungkus dalam ",[1876,5683,304],{"href":305}," untuk mendapatkan ",[699,5686,2858],{},[699,5688,2861],{},[699,5690,2864],{},[699,5692,2867],{}," terhubung secara otomatis - ",[699,5695,2864],{},[699,5697,2146],{}," keduanya fallback ke state FormField sendiri saat tidak diatur langsung.",[941,5700,5702],{"id":5701},"aksesibilitas","Aksesibilitas",[696,5704,5705,5706,5708,5709,6,5711,5713],{},"DatePicker merender primitif DatePicker milik Reka UI, jadi semantik aksesibilitas berasal dari sana daripada direimplementasi di sini: setiap segmen date adalah elemen ",[699,5707,2883],{}," nyata yang dapat Anda ketik langsung (tombol panah\u002Fdigit menggeser nilai segmen dan auto-advance ke berikutnya), grid kalender dapat dinavigasi dengan keyboard (tombol panah bergerak antar hari, paging melewati tepi grid memajukan bulan), dan state current\u002Fselected\u002Funavailable\u002Fdisabled setiap hari diekspos melalui ",[699,5710,2887],{},[699,5712,2890],{}," selain styling visual.",[941,5715,2895,5716],{"id":2894},[699,5717,2898],{},[696,5719,5720,5721,5723],{},"Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default untuk setiap slot dan varian - berikut adalah file tema ",[699,5722,274],{}," sendiri:",[2906,5725],{"name":2908},[941,5727,2912],{"id":2911},[696,5729,5730,5732,5733,5735],{},[699,5731,2917],{}," men-style kontrol waktu di bawah kalender, termasuk divider-nya. ",[699,5734,2921],{}," men-style kontrol time-only tanpa menambahkan divider atau spacing untuk kalender yang tidak ada. Kedua slot juga mendukung global theme overrides.",[758,5737,5738],{"className":959,"code":2925,"language":961,"meta":763,"style":763},[699,5739,5740],{"__ignoreMap":763},[767,5741,5742,5744,5746,5748,5750,5752,5754,5756,5758,5760,5762,5764],{"class":769,"line":8},[767,5743,773],{"class":772},[767,5745,911],{"class":776},[767,5747,2091],{"class":780},[767,5749,982],{"class":772},[767,5751,2940],{"class":780},[767,5753,787],{"class":772},[767,5755,919],{"class":790},[767,5757,2947],{"class":772},[767,5759,2950],{"class":790},[767,5761,1410],{"class":772},[767,5763,919],{"class":790},[767,5765,927],{"class":772},[691,5767,2960],{"id":2959},[2962,5769,5770,5781],{},[2965,5771,5772],{},[2968,5773,5774,5776,5779],{},[2971,5775,2973],{},[2971,5777,5778],{},"Tipe",[2971,5780,2979],{},[2981,5782,5783,5795,5807,5819,5831,5845,5866,5878,5892,5906,5918,5930,5942,5954,5967,5979,5998,6012,6024,6038,6052,6066,6080,6095,6110,6124,6138,6153,6165,6179,6193,6205,6217,6231,6248,6264,6278,6292,6306,6321,6335,6349,6361,6375,6389],{},[2968,5784,5785,5789,5793],{},[2986,5786,5787],{},[699,5788,2858],{},[2986,5790,5791],{},[699,5792,2994],{},[2986,5794,2997],{},[2968,5796,5797,5801,5805],{},[2986,5798,5799],{},[699,5800,2861],{},[2986,5802,5803],{},[699,5804,2994],{},[2986,5806,2997],{},[2968,5808,5809,5813,5817],{},[2986,5810,5811],{},[699,5812,3016],{},[2986,5814,5815],{},[699,5816,2994],{},[2986,5818,2997],{},[2968,5820,5821,5825,5829],{},[2986,5822,5823],{},[699,5824,3029],{},[2986,5826,5827],{},[699,5828,3034],{},[2986,5830,2997],{},[2968,5832,5833,5837,5841],{},[2986,5834,5835],{},[699,5836,3043],{},[2986,5838,5839],{},[699,5840,3034],{},[2986,5842,5843],{},[699,5844,2426],{},[2968,5846,5847,5851,5864],{},[2986,5848,5849],{},[699,5850,1594],{},[2986,5852,5853,1246,5855,5857,5858,1242,5860,5857,5862,3484],{},[699,5854,3062],{},[699,5856,1186],{}," saat ",[699,5859,1099],{},[699,5861,1962],{},[699,5863,3073],{},[2986,5865,2997],{},[2968,5867,5868,5872,5876],{},[2986,5869,5870],{},[699,5871,3083],{},[2986,5873,5874],{},[699,5875,3062],{},[2986,5877,2997],{},[2968,5879,5880,5884,5888],{},[2986,5881,5882],{},[699,5883,1099],{},[2986,5885,5886],{},[699,5887,3034],{},[2986,5889,5890],{},[699,5891,2426],{},[2968,5893,5894,5898,5902],{},[2986,5895,5896],{},[699,5897,3073],{},[2986,5899,5900],{},[699,5901,3034],{},[2986,5903,5904],{},[699,5905,2426],{},[2968,5907,5908,5912,5916],{},[2986,5909,5910],{},[699,5911,721],{},[2986,5913,5914],{},[699,5915,709],{},[2986,5917,2997],{},[2968,5919,5920,5924,5928],{},[2986,5921,5922],{},[699,5923,724],{},[2986,5925,5926],{},[699,5927,709],{},[2986,5929,2997],{},[2968,5931,5932,5936,5940],{},[2986,5933,5934],{},[699,5935,728],{},[2986,5937,5938],{},[699,5939,1030],{},[2986,5941,2997],{},[2968,5943,5944,5948,5952],{},[2986,5945,5946],{},[699,5947,3160],{},[2986,5949,5950],{},[699,5951,1030],{},[2986,5953,2997],{},[2968,5955,5956,5960,5965],{},[2986,5957,5958],{},[699,5959,3173],{},[2986,5961,5962,5964],{},[699,5963,1030],{}," (hanya range)",[2986,5966,2997],{},[2968,5968,5969,5973,5977],{},[2986,5970,5971],{},[699,5972,1898],{},[2986,5974,5975],{},[699,5976,2994],{},[2986,5978,2997],{},[2968,5980,5981,5985,5989],{},[2986,5982,5983],{},[699,5984,3199],{},[2986,5986,5987],{},[699,5988,3204],{},[2986,5990,5991,5993,5994,5857,5996],{},[699,5992,1605],{},", atau ",[699,5995,3212],{},[699,5997,1099],{},[2968,5999,6000,6004,6008],{},[2986,6001,6002],{},[699,6003,3222],{},[2986,6005,6006],{},[699,6007,3034],{},[2986,6009,6010],{},[699,6011,2426],{},[2968,6013,6014,6018,6022],{},[2986,6015,6016],{},[699,6017,3237],{},[2986,6019,6020],{},[699,6021,3242],{},[2986,6023,2997],{},[2968,6025,6026,6030,6034],{},[2986,6027,6028],{},[699,6029,3251],{},[2986,6031,6032],{},[699,6033,3256],{},[2986,6035,6036],{},[699,6037,3261],{},[2968,6039,6040,6044,6048],{},[2986,6041,6042],{},[699,6043,3268],{},[2986,6045,6046],{},[699,6047,3034],{},[2986,6049,6050],{},[699,6051,2426],{},[2968,6053,6054,6058,6062],{},[2986,6055,6056],{},[699,6057,1527],{},[2986,6059,6060],{},[699,6061,3034],{},[2986,6063,6064],{},[699,6065,2397],{},[2968,6067,6068,6072,6076],{},[2986,6069,6070],{},[699,6071,3297],{},[2986,6073,6074],{},[699,6075,3302],{},[2986,6077,6078],{},[699,6079,1420],{},[2968,6081,6082,6086,6091],{},[2986,6083,6084],{},[699,6085,1443],{},[2986,6087,6088,6090],{},[699,6089,3317],{}," (hanya single-date)",[2986,6092,6093],{},[699,6094,922],{},[2968,6096,6097,6101,6108],{},[2986,6098,6099],{},[699,6100,3329],{},[2986,6102,6103,1246,6105,6107],{},[699,6104,1030],{},[699,6106,1643],{}," saja)",[2986,6109,2997],{},[2968,6111,6112,6116,6122],{},[2986,6113,6114],{},[699,6115,3345],{},[2986,6117,6118,1246,6120,6107],{},[699,6119,3350],{},[699,6121,3353],{},[2986,6123,2997],{},[2968,6125,6126,6130,6134],{},[2986,6127,6128],{},[699,6129,1512],{},[2986,6131,6132,6090],{},[699,6133,3366],{},[2986,6135,6136],{},[699,6137,2681],{},[2968,6139,6140,6144,6149],{},[2986,6141,6142],{},[699,6143,3377],{},[2986,6145,6146,6148],{},[699,6147,3204],{}," (hanya hour\u002Fminute granularity)",[2986,6150,6151],{},[699,6152,1605],{},[2968,6154,6155,6159,6163],{},[2986,6156,6157],{},[699,6158,3393],{},[2986,6160,6161,6148],{},[699,6162,3398],{},[2986,6164,3401],{},[2968,6166,6167,6171,6175],{},[2986,6168,6169],{},[699,6170,1319],{},[2986,6172,6173],{},[699,6174,1323],{},[2986,6176,6177],{},[699,6178,1327],{},[2968,6180,6181,6185,6189],{},[2986,6182,6183],{},[699,6184,3422],{},[2986,6186,6187,5964],{},[699,6188,3034],{},[2986,6190,6191],{},[699,6192,2426],{},[2968,6194,6195,6199,6203],{},[2986,6196,6197],{},[699,6198,3437],{},[2986,6200,6201,5964],{},[699,6202,1249],{},[2986,6204,2997],{},[2968,6206,6207,6211,6215],{},[2986,6208,6209],{},[699,6210,3450],{},[2986,6212,6213,5964],{},[699,6214,3204],{},[2986,6216,2997],{},[2968,6218,6219,6223,6227],{},[2986,6220,6221],{},[699,6222,2502],{},[2986,6224,6225],{},[699,6226,3034],{},[2986,6228,6229],{},[699,6230,2426],{},[2968,6232,6233,6237,6244],{},[2986,6234,6235],{},[699,6236,2505],{},[2986,6238,6239,6241,6242,3484],{},[699,6240,3034],{}," (bukan ",[699,6243,3073],{},[2986,6245,6246],{},[699,6247,2426],{},[2968,6249,6250,6254,6260],{},[2986,6251,6252],{},[699,6253,3495],{},[2986,6255,6256,6241,6258,3484],{},[699,6257,3034],{},[699,6259,3073],{},[2986,6261,6262],{},[699,6263,2426],{},[2968,6265,6266,6270,6274],{},[2986,6267,6268],{},[699,6269,2864],{},[2986,6271,6272],{},[699,6273,3034],{},[2986,6275,6276],{},[699,6277,2426],{},[2968,6279,6280,6284,6288],{},[2986,6281,6282],{},[699,6283,2116],{},[2986,6285,6286],{},[699,6287,3034],{},[2986,6289,6290],{},[699,6291,2426],{},[2968,6293,6294,6298,6302],{},[2986,6295,6296],{},[699,6297,2267],{},[2986,6299,6300],{},[1876,6301,3544],{"href":84},[2986,6303,6304],{},[699,6305,3549],{},[2968,6307,6308,6312,6317],{},[2986,6309,6310],{},[699,6311,3556],{},[2986,6313,6314,6315],{},"sama seperti ",[699,6316,2267],{},[2986,6318,6319],{},[699,6320,3566],{},[2968,6322,6323,6327,6331],{},[2986,6324,6325],{},[699,6326,2146],{},[2986,6328,6329],{},[699,6330,3577],{},[2986,6332,6333],{},[699,6334,2153],{},[2968,6336,6337,6341,6345],{},[2986,6338,6339],{},[699,6340,2316],{},[2986,6342,6343],{},[699,6344,3592],{},[2986,6346,6347],{},[699,6348,2426],{},[2968,6350,6351,6355,6359],{},[2986,6352,6353],{},[699,6354,2414],{},[2986,6356,6357],{},[699,6358,3607],{},[2986,6360,3610],{},[2968,6362,6363,6367,6371],{},[2986,6364,6365],{},[699,6366,2422],{},[2986,6368,6369],{},[699,6370,3621],{},[2986,6372,6373,3626],{},[699,6374,2397],{},[2968,6376,6377,6381,6385],{},[2986,6378,6379],{},[699,6380,2835],{},[2986,6382,6383],{},[699,6384,3034],{},[2986,6386,6387],{},[699,6388,2426],{},[2968,6390,6391,6395,6399],{},[2986,6392,6393],{},[699,6394,2940],{},[2986,6396,6397],{},[699,6398,3651],{},[2986,6400,2997],{},[691,6402,3657],{"id":3656},[2962,6404,6405,6416],{},[2965,6406,6407],{},[2968,6408,6409,6411,6413],{},[2971,6410,3666],{},[2971,6412,2960],{},[2971,6414,6415],{},"Deskripsi",[2981,6417,6418,6438,6451,6466],{},[2968,6419,6420,6424,6435],{},[2986,6421,6422],{},[699,6423,2681],{},[2986,6425,6426,6428,6429,1242,6431,1242,6433,3484],{},[699,6427,3684],{}," (range mode menambahkan ",[699,6430,2696],{},[699,6432,2699],{},[699,6434,2702],{},[2986,6436,6437],{},"Konten kustom di dalam tombol sel hari (grid single-date dan range)",[2968,6439,6440,6444,6446],{},[2986,6441,6442],{},[699,6443,3701],{},[2986,6445,2997],{},[2986,6447,6448,6449,3484],{},"Menggantikan ikon tombol clear (default: ",[699,6450,3709],{},[2968,6452,6453,6457,6459],{},[2986,6454,6455],{},[699,6456,3716],{},[2986,6458,2997],{},[2986,6460,6461,6462,6,6464,3484],{},"Menggantikan ikon tombol trigger dalam kedua mode trigger (default: ",[699,6463,3724],{},[699,6465,3727],{},[2968,6467,6468,6472,6474],{},[2986,6469,6470],{},[699,6471,3734],{},[2986,6473,2997],{},[2986,6475,6476],{},"Konten yang ditambahkan di bawah konten kalender\u002Fwaktu, di atas tombol Done",[691,6478,3743],{"id":3742},[2962,6480,6481,6491],{},[2965,6482,6483],{},[2968,6484,6485,6487,6489],{},[2971,6486,3752],{},[2971,6488,3755],{},[2971,6490,6415],{},[2981,6492,6493,6506,6522],{},[2968,6494,6495,6499,6503],{},[2986,6496,6497],{},[699,6498,3766],{},[2986,6500,6501],{},[699,6502,3034],{},[2986,6504,6505],{},"Terpicu saat picker meminta membuka atau menutup",[2968,6507,6508,6512,6516],{},[2986,6509,6510],{},[699,6511,3780],{},[2986,6513,6514],{},[699,6515,3785],{},[2986,6517,6518,6519,6521],{},"Mengusulkan nilai yang dipilih, diketik, atau dihapus; ",[699,6520,1962],{}," dalam mode time-only",[2968,6523,6524,6528,6532],{},[2986,6525,6526],{},[699,6527,3798],{},[2986,6529,6530],{},[699,6531,3317],{},[2986,6533,6534],{},"Terpicu saat heading atau sel month\u002Fyear menelusuri popover ke view berbeda",[3807,6536,3809],{},{"title":763,"searchDepth":816,"depth":816,"links":6538},[6539,6562,6563,6564],{"id":3849,"depth":797,"text":3850,"children":6540},[6541,6542,6543,6544,6545,6546,6547,6548,6549,6550,6551,6552,6553,6554,6555,6556,6557,6558,6559,6560,6561],{"id":943,"depth":816,"text":944},{"id":1020,"depth":816,"text":1021},{"id":1093,"depth":816,"text":1094},{"id":1310,"depth":816,"text":1311},{"id":1436,"depth":816,"text":1437},{"id":1498,"depth":816,"text":1499},{"id":1631,"depth":816,"text":1632},{"id":1713,"depth":816,"text":1714},{"id":1950,"depth":816,"text":1951},{"id":5067,"depth":816,"text":5068},{"id":5176,"depth":816,"text":5177},{"id":2316,"depth":816,"text":2317},{"id":2489,"depth":816,"text":2490},{"id":2584,"depth":816,"text":2585},{"id":5488,"depth":816,"text":5489},{"id":5529,"depth":816,"text":5530},{"id":2829,"depth":816,"text":2830},{"id":5677,"depth":816,"text":5678},{"id":5701,"depth":816,"text":5702},{"id":2894,"depth":816,"text":3834},{"id":2911,"depth":816,"text":2912},{"id":2959,"depth":797,"text":2960},{"id":3656,"depth":797,"text":3657},{"id":3742,"depth":797,"text":3743},"Input tanggal dengan popover kalender, dibangun di atas primitif DatePicker milik Reka UI.",{},"\u002Fid\u002Fcomponents\u002Fforms\u002Fdate-picker",{"title":274,"description":6565},"id\u002Fcomponents\u002Fforms\u002Fdate-picker","XKrnbqWQQ46S_BYNEgxTtLeVFeN6i5AIK18jSiZ9AZY",1792925235637]