[{"data":1,"prerenderedAt":2694},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Fdate-field":320,"\u002Fcomponents\u002Fdate-field-surround":2687},[4,28],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Styling","\u002Fgetting-started\u002Fstyling","1.getting-started\u002F3.styling","i-lucide-paintbrush",{"title":23,"path":24,"stem":25,"icon":26},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":29,"path":30,"stem":31,"children":32,"icon":35},"Components","\u002Fcomponents","2.components\u002F1.index",[33,36,41,46,51,56,64,69,74,79,84,89,95,101,107,113,118,123,128,133,138,143,148,152,156,161,166,171,176,181,189,194,199,204,209,214,219,224,229,234,239,245,250,255,260,264,269,275,281,285,290,294,299,304,310,315],{"title":34,"path":30,"stem":31,"icon":35},"All Components","i-lucide-component",{"title":37,"path":38,"stem":39,"icon":40},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002Faccordion","i-lucide-layout-panel-top",{"title":42,"path":43,"stem":44,"icon":45},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","2.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":47,"path":48,"stem":49,"icon":50},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar","i-lucide-circle-user",{"title":52,"path":53,"stem":54,"icon":55},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":57,"path":58,"stem":59,"icon":60,"badge":61},"Calendar","\u002Fcomponents\u002Fcalendar","2.components\u002Fcalendar","i-lucide-calendar-days",{"label":62,"color":63},"NEW","success",{"title":65,"path":66,"stem":67,"icon":68},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox","i-lucide-square-check",{"title":70,"path":71,"stem":72,"icon":73},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","2.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":75,"path":76,"stem":77,"icon":78},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":80,"path":81,"stem":82,"icon":83},"Combobox","\u002Fcomponents\u002Fcombobox","2.components\u002Fcombobox","i-lucide-search",{"title":85,"path":86,"stem":87,"icon":88},"Context Menu","\u002Fcomponents\u002Fcontext-menu","2.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":90,"path":91,"stem":92,"icon":93,"badge":94},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table","i-lucide-table-2",{"label":62,"color":63},{"title":96,"path":97,"stem":98,"icon":99,"badge":100},"Date Field","\u002Fcomponents\u002Fdate-field","2.components\u002Fdate-field","i-lucide-calendar-clock",{"label":62,"color":63},{"title":102,"path":103,"stem":104,"icon":105,"badge":106},"Date Range Field","\u002Fcomponents\u002Fdate-range-field","2.components\u002Fdate-range-field","i-lucide-calendar-range",{"label":62,"color":63},{"title":108,"path":109,"stem":110,"icon":111,"badge":112},"Date Range Picker","\u002Fcomponents\u002Fdate-range-picker","2.components\u002Fdate-range-picker","i-lucide-calendar-search",{"label":62,"color":63},{"title":114,"path":115,"stem":116,"icon":117},"Dialog","\u002Fcomponents\u002Fdialog","2.components\u002Fdialog","i-lucide-square",{"title":119,"path":120,"stem":121,"icon":122},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer","i-lucide-panel-right",{"title":124,"path":125,"stem":126,"icon":127},"Editable","\u002Fcomponents\u002Feditable","2.components\u002Feditable","i-lucide-square-pen",{"title":129,"path":130,"stem":131,"icon":132},"Field","\u002Fcomponents\u002Ffield","2.components\u002Ffield","i-lucide-text-cursor-input",{"title":134,"path":135,"stem":136,"icon":137},"Fieldset","\u002Fcomponents\u002Ffieldset","2.components\u002Ffieldset","i-lucide-group",{"title":139,"path":140,"stem":141,"icon":142},"Form","\u002Fcomponents\u002Fform","2.components\u002Fform","i-lucide-clipboard-check",{"title":144,"path":145,"stem":146,"icon":147},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","2.components\u002Fhover-preview-card","i-lucide-id-card",{"title":149,"path":150,"stem":151,"icon":132},"Input","\u002Fcomponents\u002Finput","2.components\u002Finput",{"title":153,"path":154,"stem":155,"icon":73},"Listbox","\u002Fcomponents\u002Flistbox","2.components\u002Flistbox",{"title":157,"path":158,"stem":159,"icon":160},"Menu","\u002Fcomponents\u002Fmenu","2.components\u002Fmenu","i-lucide-list",{"title":162,"path":163,"stem":164,"icon":165},"Menubar","\u002Fcomponents\u002Fmenubar","2.components\u002Fmenubar","i-lucide-panel-top",{"title":167,"path":168,"stem":169,"icon":170},"Meter","\u002Fcomponents\u002Fmeter","2.components\u002Fmeter","i-lucide-gauge",{"title":172,"path":173,"stem":174,"icon":105,"badge":175},"Month Picker","\u002Fcomponents\u002Fmonth-picker","2.components\u002Fmonth-picker",{"label":62,"color":63},{"title":177,"path":178,"stem":179,"icon":105,"badge":180},"Month Range Picker","\u002Fcomponents\u002Fmonth-range-picker","2.components\u002Fmonth-range-picker",{"label":62,"color":63},{"title":182,"path":183,"stem":184,"icon":185,"badge":186},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","2.components\u002Fnavigation-menu","i-lucide-navigation",{"label":187,"color":188},"UPDATED","warning",{"title":190,"path":191,"stem":192,"icon":193},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field","i-lucide-badge-plus",{"title":195,"path":196,"stem":197,"icon":198},"Overlay Provider","\u002Fcomponents\u002Foverlay","2.components\u002Foverlay","i-lucide-panels-top-left",{"title":200,"path":201,"stem":202,"icon":203},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination","i-lucide-ellipsis",{"title":205,"path":206,"stem":207,"icon":208},"Pin \u002F OTP Input","\u002Fcomponents\u002Fpin-input","2.components\u002Fpin-input","i-lucide-binary",{"title":210,"path":211,"stem":212,"icon":213},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover","i-lucide-message-square",{"title":215,"path":216,"stem":217,"icon":218},"Progress","\u002Fcomponents\u002Fprogress","2.components\u002Fprogress","i-lucide-loader",{"title":220,"path":221,"stem":222,"icon":223},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group","i-lucide-circle-dot",{"title":225,"path":226,"stem":227,"icon":228},"Rating","\u002Fcomponents\u002Frating","2.components\u002Frating","i-lucide-star",{"title":230,"path":231,"stem":232,"icon":233},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect","i-lucide-list-filter",{"title":235,"path":236,"stem":237,"icon":238},"Separator","\u002Fcomponents\u002Fseparator","2.components\u002Fseparator","i-lucide-minus",{"title":240,"path":241,"stem":242,"icon":243,"badge":244},"Sidebar","\u002Fcomponents\u002Fsidebar","2.components\u002Fsidebar","i-lucide-panel-left",{"label":62,"color":63},{"title":246,"path":247,"stem":248,"icon":249},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider","i-lucide-sliders-horizontal",{"title":251,"path":252,"stem":253,"icon":254},"Stepper","\u002Fcomponents\u002Fstepper","2.components\u002Fstepper","i-lucide-list-ordered",{"title":256,"path":257,"stem":258,"icon":259},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch","i-lucide-toggle-left",{"title":261,"path":262,"stem":263,"icon":40},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":265,"path":266,"stem":267,"icon":268},"Tags Input","\u002Fcomponents\u002Ftags-input","2.components\u002Ftags-input","i-lucide-tags",{"title":270,"path":271,"stem":272,"icon":273,"badge":274},"Time Field","\u002Fcomponents\u002Ftime-field","2.components\u002Ftime-field","i-lucide-clock-3",{"label":62,"color":63},{"title":276,"path":277,"stem":278,"icon":279,"badge":280},"Time Range Field","\u002Fcomponents\u002Ftime-range-field","2.components\u002Ftime-range-field","i-lucide-clock-arrow-up",{"label":62,"color":63},{"title":282,"path":283,"stem":284,"icon":213},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":286,"path":287,"stem":288,"icon":289},"Toggle","\u002Fcomponents\u002Ftoggle","2.components\u002Ftoggle","i-lucide-toggle-right",{"title":291,"path":292,"stem":293,"icon":73},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","2.components\u002Ftoggle-group",{"title":295,"path":296,"stem":297,"icon":298},"Toolbar","\u002Fcomponents\u002Ftoolbar","2.components\u002Ftoolbar","i-lucide-wrench",{"title":300,"path":301,"stem":302,"icon":303},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip","i-lucide-info",{"title":305,"path":306,"stem":307,"icon":308,"badge":309},"Tree","\u002Fcomponents\u002Ftree","2.components\u002Ftree","i-lucide-folder-tree",{"label":62,"color":63},{"title":311,"path":312,"stem":313,"icon":60,"badge":314},"Year Picker","\u002Fcomponents\u002Fyear-picker","2.components\u002Fyear-picker",{"label":62,"color":63},{"title":316,"path":317,"stem":318,"icon":105,"badge":319},"Year Range Picker","\u002Fcomponents\u002Fyear-range-picker","2.components\u002Fyear-range-picker",{"label":62,"color":63},{"id":321,"title":96,"body":322,"description":2679,"extension":2680,"links":2681,"meta":2682,"navigation":2683,"path":97,"seo":2685,"stem":98,"__hash__":2686},"docs\u002F2.components\u002Fdate-field.md",{"type":323,"value":324,"toc":2654},"minimark",[325,333,340,355,360,435,442,445,451,738,742,747,753,829,832,836,845,882,892,896,903,1040,1044,1054,1093,1103,1151,1155,1162,1166,1175,1226,1230,1236,1340,1344,1347,1394,1398,1401,1404,1408,1412,1476,1480,1933,1940,1944,2037,2078,2082,2153,2157,2230,2234,2326,2330,2506,2516,2519,2628,2644,2650],[326,327,328,332],"p",{},[329,330,331],"code",{},"DateField"," splits a date into day, month, and year spinbutton segments. It supports locale order, keyboard stepping, validation, ISO paste, native form submission, and an optional Calendar.",[326,334,335,336,339],{},"Use Date Field for exact date entry. Set ",[329,337,338],{},"showCalendar"," to add visual date selection.",[341,342,344],"callout",{"icon":343},"i-lucide-package",[326,345,346,347,350,351,354],{},"Date values come from ",[329,348,349],{},"@internationalized\u002Fdate",". Install it beside Akaza UI when application code creates or transforms dates: ",[329,352,353],{},"pnpm add akaza-ui @internationalized\u002Fdate",".",[356,357,359],"h2",{"id":358},"anatomy","Anatomy",[361,362,363,371,377,386,400,408,421,429],"ul",{},[364,365,366,370],"li",{},[367,368,369],"strong",{},"root",": Generated date group containing segments and optional calendar trigger.",[364,372,373,376],{},[367,374,375],{},"segments",": Generated locale-ordered segment wrapper.",[364,378,379,382,383,354],{},[367,380,381],{},"segment",": Generated day, month, or year text input with ",[329,384,385],{},"role=\"spinbutton\"",[364,387,388,393,394,397,398,354],{},[367,389,390],{},[329,391,392],{},"#literal",": Optional replacement content for generated separators such as ",[329,395,396],{},"\u002F"," or ",[329,399,354],{},[364,401,402,407],{},[367,403,404],{},[329,405,406],{},"#calendar-trigger",": Optional trigger content with open, close, and toggle actions.",[364,409,410,413,414,417,418,420],{},[367,411,412],{},"calendar content",": Generated, positioned ",[329,415,416],{},"role=\"dialog\""," containing Calendar when ",[329,419,338],{}," is enabled.",[364,422,423,428],{},[367,424,425],{},[329,426,427],{},"#calendar",": Replaces the built-in Calendar while retaining popup positioning and dismissal.",[364,430,431,434],{},[367,432,433],{},"hidden input",": Generated native form control carrying the ISO date string and validity.",[326,436,437,438,441],{},"Date Field generates segment markup to coordinate editing, focus, labels, and spinbutton values. Style segments with ",[329,439,440],{},"ui.segment"," and state attributes.",[356,443,23],{"id":444},"usage",[446,447,448],"component-preview",{},[449,450],"examples-date-field-demo",{},[452,453,454],"component-code",{},[455,456,461],"pre",{"className":457,"code":458,"language":459,"meta":460,"style":460},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport type { CalendarDateValue } from \"akaza-ui\";\nimport { CalendarDate } from \"@internationalized\u002Fdate\";\nimport { shallowRef } from \"vue\";\nimport { DateField } from \"akaza-ui\";\n\nconst date = shallowRef\u003CCalendarDateValue>(new CalendarDate(2026, 8, 12));\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CDateField\n    v-model=\"date\"\n    :placeholder=\"new CalendarDate(2026, 8, 1)\"\n  \u002F>\n\u003C\u002Ftemplate>\n","vue","",[329,462,463,498,532,554,576,598,605,658,668,673,683,692,708,723,729],{"__ignoreMap":460},[464,465,468,472,476,480,483,486,489,493,495],"span",{"class":466,"line":467},"line",1,[464,469,471],{"class":470},"sMK4o","\u003C",[464,473,475],{"class":474},"swJcz","script",[464,477,479],{"class":478},"spNyl"," setup",[464,481,482],{"class":478}," lang",[464,484,485],{"class":470},"=",[464,487,488],{"class":470},"\"",[464,490,492],{"class":491},"sfazB","ts",[464,494,488],{"class":470},[464,496,497],{"class":470},">\n",[464,499,501,505,508,511,515,518,521,524,527,529],{"class":466,"line":500},2,[464,502,504],{"class":503},"s7zQu","import",[464,506,507],{"class":503}," type",[464,509,510],{"class":470}," {",[464,512,514],{"class":513},"sTEyZ"," CalendarDateValue",[464,516,517],{"class":470}," }",[464,519,520],{"class":503}," from",[464,522,523],{"class":470}," \"",[464,525,526],{"class":491},"akaza-ui",[464,528,488],{"class":470},[464,530,531],{"class":470},";\n",[464,533,535,537,539,542,544,546,548,550,552],{"class":466,"line":534},3,[464,536,504],{"class":503},[464,538,510],{"class":470},[464,540,541],{"class":513}," CalendarDate",[464,543,517],{"class":470},[464,545,520],{"class":503},[464,547,523],{"class":470},[464,549,349],{"class":491},[464,551,488],{"class":470},[464,553,531],{"class":470},[464,555,557,559,561,564,566,568,570,572,574],{"class":466,"line":556},4,[464,558,504],{"class":503},[464,560,510],{"class":470},[464,562,563],{"class":513}," shallowRef",[464,565,517],{"class":470},[464,567,520],{"class":503},[464,569,523],{"class":470},[464,571,459],{"class":491},[464,573,488],{"class":470},[464,575,531],{"class":470},[464,577,579,581,583,586,588,590,592,594,596],{"class":466,"line":578},5,[464,580,504],{"class":503},[464,582,510],{"class":470},[464,584,585],{"class":513}," DateField",[464,587,517],{"class":470},[464,589,520],{"class":503},[464,591,523],{"class":470},[464,593,526],{"class":491},[464,595,488],{"class":470},[464,597,531],{"class":470},[464,599,601],{"class":466,"line":600},6,[464,602,604],{"emptyLinePlaceholder":603},true,"\n",[464,606,608,611,614,616,619,621,625,628,631,634,636,638,642,645,648,650,653,656],{"class":466,"line":607},7,[464,609,610],{"class":478},"const",[464,612,613],{"class":513}," date ",[464,615,485],{"class":470},[464,617,563],{"class":618},"s2Zo4",[464,620,471],{"class":470},[464,622,624],{"class":623},"sBMFI","CalendarDateValue",[464,626,627],{"class":470},">",[464,629,630],{"class":513},"(",[464,632,633],{"class":470},"new",[464,635,541],{"class":618},[464,637,630],{"class":513},[464,639,641],{"class":640},"sbssI","2026",[464,643,644],{"class":470},",",[464,646,647],{"class":640}," 8",[464,649,644],{"class":470},[464,651,652],{"class":640}," 12",[464,654,655],{"class":513},"))",[464,657,531],{"class":470},[464,659,661,664,666],{"class":466,"line":660},8,[464,662,663],{"class":470},"\u003C\u002F",[464,665,475],{"class":474},[464,667,497],{"class":470},[464,669,671],{"class":466,"line":670},9,[464,672,604],{"emptyLinePlaceholder":603},[464,674,676,678,681],{"class":466,"line":675},10,[464,677,471],{"class":470},[464,679,680],{"class":474},"template",[464,682,497],{"class":470},[464,684,686,689],{"class":466,"line":685},11,[464,687,688],{"class":470},"  \u003C",[464,690,691],{"class":474},"DateField\n",[464,693,695,698,700,702,705],{"class":466,"line":694},12,[464,696,697],{"class":478},"    v-model",[464,699,485],{"class":470},[464,701,488],{"class":470},[464,703,704],{"class":491},"date",[464,706,707],{"class":470},"\"\n",[464,709,711,714,716,718,721],{"class":466,"line":710},13,[464,712,713],{"class":478},"    :placeholder",[464,715,485],{"class":470},[464,717,488],{"class":470},[464,719,720],{"class":491},"new CalendarDate(2026, 8, 1)",[464,722,707],{"class":470},[464,724,726],{"class":466,"line":725},14,[464,727,728],{"class":470},"  \u002F>\n",[464,730,732,734,736],{"class":466,"line":731},15,[464,733,663],{"class":470},[464,735,680],{"class":474},[464,737,497],{"class":470},[356,739,741],{"id":740},"examples","Examples",[743,744,746],"h3",{"id":745},"field-integration","Field integration",[326,748,749,750,752],{},"Wrap Date Field in ",[329,751,129],{}," to inherit its name, label relationship, required state, description, native error message, and granular interaction attributes.",[455,754,756],{"className":457,"code":755,"language":459,"meta":460,"style":460},"\u003CField\n  label=\"Start date\"\n  name=\"start\"\n  description=\"Required for scheduling.\"\n  required\n>\n  \u003CDateField v-model=\"date\" \u002F>\n\u003C\u002FField>\n",[329,757,758,765,779,793,807,812,816,821],{"__ignoreMap":460},[464,759,760,762],{"class":466,"line":467},[464,761,471],{"class":470},[464,763,764],{"class":474},"Field\n",[464,766,767,770,772,774,777],{"class":466,"line":500},[464,768,769],{"class":478},"  label",[464,771,485],{"class":470},[464,773,488],{"class":470},[464,775,776],{"class":491},"Start date",[464,778,707],{"class":470},[464,780,781,784,786,788,791],{"class":466,"line":534},[464,782,783],{"class":478},"  name",[464,785,485],{"class":470},[464,787,488],{"class":470},[464,789,790],{"class":491},"start",[464,792,707],{"class":470},[464,794,795,798,800,802,805],{"class":466,"line":556},[464,796,797],{"class":478},"  description",[464,799,485],{"class":470},[464,801,488],{"class":470},[464,803,804],{"class":491},"Required for scheduling.",[464,806,707],{"class":470},[464,808,809],{"class":466,"line":578},[464,810,811],{"class":478},"  required\n",[464,813,814],{"class":466,"line":600},[464,815,497],{"class":470},[464,817,818],{"class":466,"line":607},[464,819,820],{"class":513},"  \u003CDateField v-model=\"date\" \u002F>\n",[464,822,823,825,827],{"class":466,"line":660},[464,824,663],{"class":470},[464,826,129],{"class":474},[464,828,497],{"class":470},[326,830,831],{},"Validation stays quiet on initial render. It becomes visible after users leave the group, enter an invalid complete date, or submit its form.",[743,833,835],{"id":834},"locale-order","Locale order",[326,837,838,841,842,844],{},[329,839,840],{},"locale"," controls segment order, separators, and segment labels. The model remains an ",[329,843,349],{}," value.",[455,846,848],{"className":457,"code":847,"language":459,"meta":460,"style":460},"\u003CDateField v-model=\"date\" locale=\"en-GB\" \u002F>\n",[329,849,850],{"__ignoreMap":460},[464,851,852,854,856,859,861,863,865,867,870,872,874,877,879],{"class":466,"line":467},[464,853,471],{"class":470},[464,855,331],{"class":474},[464,857,858],{"class":478}," v-model",[464,860,485],{"class":470},[464,862,488],{"class":470},[464,864,704],{"class":513},[464,866,488],{"class":470},[464,868,869],{"class":478}," locale",[464,871,485],{"class":470},[464,873,488],{"class":470},[464,875,876],{"class":491},"en-GB",[464,878,488],{"class":470},[464,880,881],{"class":470}," \u002F>\n",[326,883,884,885,887,888,891],{},"For ",[329,886,876],{},", focus order is day, month, year. For ",[329,889,890],{},"en-US",", it is month, day, year.",[743,893,895],{"id":894},"date-constraints","Date constraints",[326,897,898,899,902],{},"Use boundaries for fixed limits and ",[329,900,901],{},"isDateUnavailable"," for application rules. Invalid dates expose Field error state after interaction.",[455,904,906],{"className":457,"code":905,"language":459,"meta":460,"style":460},"\u003CDateField\n  v-model=\"date\"\n  :min-value=\"new CalendarDate(2026, 8, 10)\"\n  :max-value=\"new CalendarDate(2026, 8, 24)\"\n  :is-date-unavailable=\"(date) => closedDates.has(date.toString())\"\n\u002F>\n",[329,907,908,914,927,961,993,1035],{"__ignoreMap":460},[464,909,910,912],{"class":466,"line":467},[464,911,471],{"class":470},[464,913,691],{"class":474},[464,915,916,919,921,923,925],{"class":466,"line":500},[464,917,918],{"class":478},"  v-model",[464,920,485],{"class":470},[464,922,488],{"class":470},[464,924,704],{"class":513},[464,926,707],{"class":470},[464,928,929,932,935,937,939,941,943,945,947,949,951,953,956,959],{"class":466,"line":534},[464,930,931],{"class":470},"  :",[464,933,934],{"class":478},"min-value",[464,936,485],{"class":470},[464,938,488],{"class":470},[464,940,633],{"class":470},[464,942,541],{"class":618},[464,944,630],{"class":513},[464,946,641],{"class":640},[464,948,644],{"class":470},[464,950,647],{"class":640},[464,952,644],{"class":470},[464,954,955],{"class":640}," 10",[464,957,958],{"class":513},")",[464,960,707],{"class":470},[464,962,963,965,968,970,972,974,976,978,980,982,984,986,989,991],{"class":466,"line":556},[464,964,931],{"class":470},[464,966,967],{"class":478},"max-value",[464,969,485],{"class":470},[464,971,488],{"class":470},[464,973,633],{"class":470},[464,975,541],{"class":618},[464,977,630],{"class":513},[464,979,641],{"class":640},[464,981,644],{"class":470},[464,983,647],{"class":640},[464,985,644],{"class":470},[464,987,988],{"class":640}," 24",[464,990,958],{"class":513},[464,992,707],{"class":470},[464,994,995,997,1000,1002,1004,1006,1009,1011,1014,1017,1019,1022,1025,1027,1030,1033],{"class":466,"line":578},[464,996,931],{"class":470},[464,998,999],{"class":478},"is-date-unavailable",[464,1001,485],{"class":470},[464,1003,488],{"class":470},[464,1005,630],{"class":470},[464,1007,704],{"class":1008},"sHdIc",[464,1010,958],{"class":470},[464,1012,1013],{"class":478}," =>",[464,1015,1016],{"class":513}," closedDates",[464,1018,354],{"class":470},[464,1020,1021],{"class":618},"has",[464,1023,1024],{"class":513},"(date",[464,1026,354],{"class":470},[464,1028,1029],{"class":618},"toString",[464,1031,1032],{"class":513},"())",[464,1034,707],{"class":470},[464,1036,1037],{"class":466,"line":600},[464,1038,1039],{"class":513},"\u002F>\n",[743,1041,1043],{"id":1042},"calendar-picker","Calendar picker",[326,1045,1046,1047,1049,1050,1053],{},"Set ",[329,1048,338],{}," to add a keyboard-accessible calendar trigger. Date Field forwards locale, direction, constraints, disabled state, read-only state, and ",[329,1051,1052],{},"ui.calendar"," to its built-in Calendar. Selection commits the date and closes the popup.",[455,1055,1057],{"className":457,"code":1056,"language":459,"meta":460,"style":460},"\u003CDateField v-model=\"date\" show-calendar>\n  \u003Ctemplate #calendar-trigger>Calendar\u003C\u002Ftemplate>\n\u003C\u002FDateField>\n",[329,1058,1059,1080,1085],{"__ignoreMap":460},[464,1060,1061,1063,1065,1067,1069,1071,1073,1075,1078],{"class":466,"line":467},[464,1062,471],{"class":470},[464,1064,331],{"class":474},[464,1066,858],{"class":478},[464,1068,485],{"class":470},[464,1070,488],{"class":470},[464,1072,704],{"class":513},[464,1074,488],{"class":470},[464,1076,1077],{"class":478}," show-calendar",[464,1079,497],{"class":470},[464,1081,1082],{"class":466,"line":500},[464,1083,1084],{"class":513},"  \u003Ctemplate #calendar-trigger>Calendar\u003C\u002Ftemplate>\n",[464,1086,1087,1089,1091],{"class":466,"line":534},[464,1088,663],{"class":470},[464,1090,331],{"class":474},[464,1092,497],{"class":470},[326,1094,1095,1096,1099,1100,1102],{},"Use ",[329,1097,1098],{},"v-model:calendar-open"," when popup state must be controlled. Use ",[329,1101,427],{}," to replace the calendar body without replacing positioning, outside-click dismissal, Escape handling, or layer ordering.",[455,1104,1106],{"className":457,"code":1105,"language":459,"meta":460,"style":460},"\u003CDateField v-model=\"date\" show-calendar>\n  \u003Ctemplate #calendar=\"{ value, select, close }\">\n    \u003CMyCalendar :value=\"value\" @select=\"select\" @cancel=\"close\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FDateField>\n",[329,1107,1108,1128,1133,1138,1143],{"__ignoreMap":460},[464,1109,1110,1112,1114,1116,1118,1120,1122,1124,1126],{"class":466,"line":467},[464,1111,471],{"class":470},[464,1113,331],{"class":474},[464,1115,858],{"class":478},[464,1117,485],{"class":470},[464,1119,488],{"class":470},[464,1121,704],{"class":513},[464,1123,488],{"class":470},[464,1125,1077],{"class":478},[464,1127,497],{"class":470},[464,1129,1130],{"class":466,"line":500},[464,1131,1132],{"class":513},"  \u003Ctemplate #calendar=\"{ value, select, close }\">\n",[464,1134,1135],{"class":466,"line":534},[464,1136,1137],{"class":513},"    \u003CMyCalendar :value=\"value\" @select=\"select\" @cancel=\"close\" \u002F>\n",[464,1139,1140],{"class":466,"line":556},[464,1141,1142],{"class":513},"  \u003C\u002Ftemplate>\n",[464,1144,1145,1147,1149],{"class":466,"line":578},[464,1146,663],{"class":470},[464,1148,331],{"class":474},[464,1150,497],{"class":470},[743,1152,1154],{"id":1153},"paste-a-date","Paste a date",[326,1156,1157,1158,1161],{},"Paste a date containing three numeric groups into any segment. The component recognizes ISO year-first values such as ",[329,1159,1160],{},"2026-11-24"," regardless of the visible locale order.",[743,1163,1165],{"id":1164},"native-form-submission","Native form submission",[326,1167,1046,1168,1171,1172,1174],{},[329,1169,1170],{},"name"," on the component or inherit it from ",[329,1173,129],{},". A complete value submits as an ISO calendar date.",[455,1176,1178],{"className":457,"code":1177,"language":459,"meta":460,"style":460},"\u003Cform @submit.prevent=\"submit\">\n  \u003CDateField v-model=\"date\" name=\"start\" required \u002F>\n  \u003Cbutton>Submit\u003C\u002Fbutton>\n\u003C\u002Fform>\n",[329,1179,1180,1208,1213,1218],{"__ignoreMap":460},[464,1181,1182,1184,1187,1190,1193,1195,1198,1200,1202,1204,1206],{"class":466,"line":467},[464,1183,471],{"class":470},[464,1185,1186],{"class":474},"form",[464,1188,1189],{"class":470}," @",[464,1191,1192],{"class":478},"submit",[464,1194,354],{"class":470},[464,1196,1197],{"class":478},"prevent",[464,1199,485],{"class":470},[464,1201,488],{"class":470},[464,1203,1192],{"class":513},[464,1205,488],{"class":470},[464,1207,497],{"class":470},[464,1209,1210],{"class":466,"line":500},[464,1211,1212],{"class":513},"  \u003CDateField v-model=\"date\" name=\"start\" required \u002F>\n",[464,1214,1215],{"class":466,"line":534},[464,1216,1217],{"class":513},"  \u003Cbutton>Submit\u003C\u002Fbutton>\n",[464,1219,1220,1222,1224],{"class":466,"line":556},[464,1221,663],{"class":470},[464,1223,1186],{"class":474},[464,1225,497],{"class":470},[743,1227,1229],{"id":1228},"cancel-changes","Cancel changes",[326,1231,1232,1235],{},[329,1233,1234],{},"value-change"," fires before the model updates. Canceling restores segment text to the controlled value.",[455,1237,1239],{"className":457,"code":1238,"language":459,"meta":460,"style":460},"\u003CDateField\n  v-model=\"date\"\n  @value-change=\"(next, details) => {\n    if (next && blockedDates.has(next.toString())) details.cancel()\n  }\"\n\u002F>\n",[329,1240,1241,1247,1259,1287,1329,1336],{"__ignoreMap":460},[464,1242,1243,1245],{"class":466,"line":467},[464,1244,471],{"class":470},[464,1246,691],{"class":474},[464,1248,1249,1251,1253,1255,1257],{"class":466,"line":500},[464,1250,918],{"class":478},[464,1252,485],{"class":470},[464,1254,488],{"class":470},[464,1256,704],{"class":513},[464,1258,707],{"class":470},[464,1260,1261,1264,1266,1268,1270,1272,1275,1277,1280,1282,1284],{"class":466,"line":534},[464,1262,1263],{"class":470},"  @",[464,1265,1234],{"class":478},[464,1267,485],{"class":470},[464,1269,488],{"class":470},[464,1271,630],{"class":470},[464,1273,1274],{"class":1008},"next",[464,1276,644],{"class":470},[464,1278,1279],{"class":1008}," details",[464,1281,958],{"class":470},[464,1283,1013],{"class":478},[464,1285,1286],{"class":470}," {\n",[464,1288,1289,1292,1295,1297,1300,1303,1305,1307,1309,1311,1313,1315,1318,1321,1323,1326],{"class":466,"line":556},[464,1290,1291],{"class":503},"    if",[464,1293,1294],{"class":474}," (",[464,1296,1274],{"class":513},[464,1298,1299],{"class":470}," &&",[464,1301,1302],{"class":513}," blockedDates",[464,1304,354],{"class":470},[464,1306,1021],{"class":618},[464,1308,630],{"class":474},[464,1310,1274],{"class":513},[464,1312,354],{"class":470},[464,1314,1029],{"class":618},[464,1316,1317],{"class":474},"())) ",[464,1319,1320],{"class":513},"details",[464,1322,354],{"class":470},[464,1324,1325],{"class":618},"cancel",[464,1327,1328],{"class":474},"()\n",[464,1330,1331,1334],{"class":466,"line":578},[464,1332,1333],{"class":470},"  }",[464,1335,707],{"class":470},[464,1337,1338],{"class":466,"line":600},[464,1339,1039],{"class":513},[743,1341,1343],{"id":1342},"read-only-and-disabled","Read-only and disabled",[326,1345,1346],{},"Read-only segments stay focusable for inspection but cannot change. Disabled segments leave the tab sequence and the hidden input is excluded from form submission.",[455,1348,1350],{"className":457,"code":1349,"language":459,"meta":460,"style":460},"\u003CDateField v-model=\"date\" read-only \u002F>\n\u003CDateField v-model=\"date\" disabled \u002F>\n",[329,1351,1352,1373],{"__ignoreMap":460},[464,1353,1354,1356,1358,1360,1362,1364,1366,1368,1371],{"class":466,"line":467},[464,1355,471],{"class":470},[464,1357,331],{"class":474},[464,1359,858],{"class":478},[464,1361,485],{"class":470},[464,1363,488],{"class":470},[464,1365,704],{"class":513},[464,1367,488],{"class":470},[464,1369,1370],{"class":478}," read-only",[464,1372,881],{"class":470},[464,1374,1375,1377,1379,1381,1383,1385,1387,1389,1392],{"class":466,"line":500},[464,1376,471],{"class":470},[464,1378,331],{"class":474},[464,1380,858],{"class":478},[464,1382,485],{"class":470},[464,1384,488],{"class":470},[464,1386,704],{"class":513},[464,1388,488],{"class":470},[464,1390,1391],{"class":478}," disabled",[464,1393,881],{"class":470},[356,1395,1397],{"id":1396},"reactive-validation","Reactive validation",[326,1399,1400],{},"Changing min\u002Fmax, required state, unavailable-date predicates, or the controlled value updates native custom validity without requiring another keystroke. Error presentation still follows interaction\u002Fsubmission state. Native reset restores the initial segments unless canceled.",[326,1402,1403],{},"The optional calendar registers as a logical popup branch when used inside an Akaza modal, including when teleported to body.",[356,1405,1407],{"id":1406},"api-reference","API Reference",[743,1409,1411],{"id":1410},"model","Model",[1413,1414,1415,1433],"table",{},[1416,1417,1418],"thead",{},[1419,1420,1421,1424,1427,1430],"tr",{},[1422,1423,1411],"th",{},[1422,1425,1426],{},"Type",[1422,1428,1429],{},"Default",[1422,1431,1432],{},"Description",[1434,1435,1436,1457],"tbody",{},[1419,1437,1438,1444,1449,1454],{},[1439,1440,1441],"td",{},[329,1442,1443],{},"v-model",[1439,1445,1446],{},[329,1447,1448],{},"CalendarDateValue | undefined",[1439,1450,1451],{},[329,1452,1453],{},"undefined",[1439,1455,1456],{},"Complete date value. Partial segment text is internal until it forms a valid date.",[1419,1458,1459,1463,1468,1473],{},[1439,1460,1461],{},[329,1462,1098],{},[1439,1464,1465],{},[329,1466,1467],{},"boolean",[1439,1469,1470],{},[329,1471,1472],{},"false",[1439,1474,1475],{},"Controls the optional calendar popup.",[743,1477,1479],{"id":1478},"props","Props",[1413,1481,1482,1495],{},[1416,1483,1484],{},[1419,1485,1486,1489,1491,1493],{},[1422,1487,1488],{},"Prop",[1422,1490,1426],{},[1422,1492,1429],{},[1422,1494,1432],{},[1434,1496,1497,1515,1531,1549,1569,1586,1603,1619,1635,1653,1671,1689,1707,1726,1744,1761,1780,1800,1820,1840,1863,1882,1899,1916],{},[1419,1498,1499,1504,1509,1512],{},[1439,1500,1501],{},[329,1502,1503],{},"id",[1439,1505,1506],{},[329,1507,1508],{},"string",[1439,1510,1511],{},"generated",[1439,1513,1514],{},"ID assigned to the first locale-ordered segment.",[1419,1516,1517,1521,1525,1528],{},[1439,1518,1519],{},[329,1520,1170],{},[1439,1522,1523],{},[329,1524,1508],{},[1439,1526,1527],{},"Field name",[1439,1529,1530],{},"Native form field name.",[1419,1532,1533,1537,1541,1546],{},[1439,1534,1535],{},[329,1536,840],{},[1439,1538,1539],{},[329,1540,1508],{},[1439,1542,1543],{},[329,1544,1545],{},"\"en-US\"",[1439,1547,1548],{},"Segment order, separators, and accessible labels.",[1419,1550,1551,1556,1561,1566],{},[1439,1552,1553],{},[329,1554,1555],{},"dir",[1439,1557,1558],{},[329,1559,1560],{},"\"ltr\" | \"rtl\"",[1439,1562,1563],{},[329,1564,1565],{},"\"ltr\"",[1439,1567,1568],{},"Reading direction and horizontal arrow behavior.",[1419,1570,1571,1576,1580,1583],{},[1439,1572,1573],{},[329,1574,1575],{},"placeholder",[1439,1577,1578],{},[329,1579,624],{},[1439,1581,1582],{},"today",[1439,1584,1585],{},"Date context used while segments are empty or partial.",[1419,1587,1588,1593,1597,1600],{},[1439,1589,1590],{},[329,1591,1592],{},"minValue",[1439,1594,1595],{},[329,1596,624],{},[1439,1598,1599],{},"—",[1439,1601,1602],{},"Earliest valid complete date.",[1419,1604,1605,1610,1614,1616],{},[1439,1606,1607],{},[329,1608,1609],{},"maxValue",[1439,1611,1612],{},[329,1613,624],{},[1439,1615,1599],{},[1439,1617,1618],{},"Latest valid complete date.",[1419,1620,1621,1625,1630,1632],{},[1439,1622,1623],{},[329,1624,901],{},[1439,1626,1627],{},[329,1628,1629],{},"(date) => boolean",[1439,1631,1599],{},[1439,1633,1634],{},"Marks complete dates invalid by application rule.",[1419,1636,1637,1642,1646,1650],{},[1439,1638,1639],{},[329,1640,1641],{},"required",[1439,1643,1644],{},[329,1645,1467],{},[1439,1647,1648],{},[329,1649,1472],{},[1439,1651,1652],{},"Requires a complete date for native form validation.",[1419,1654,1655,1660,1664,1668],{},[1439,1656,1657],{},[329,1658,1659],{},"disabled",[1439,1661,1662],{},[329,1663,1467],{},[1439,1665,1666],{},[329,1667,1472],{},[1439,1669,1670],{},"Disables segments and native form participation.",[1419,1672,1673,1678,1682,1686],{},[1439,1674,1675],{},[329,1676,1677],{},"readOnly",[1439,1679,1680],{},[329,1681,1467],{},[1439,1683,1684],{},[329,1685,1472],{},[1439,1687,1688],{},"Keeps segments focusable but blocks changes.",[1419,1690,1691,1696,1700,1704],{},[1439,1692,1693],{},[329,1694,1695],{},"invalid",[1439,1697,1698],{},[329,1699,1467],{},[1439,1701,1702],{},[329,1703,1472],{},[1439,1705,1706],{},"Forces invalid styling and ARIA state.",[1419,1708,1709,1714,1718,1723],{},[1439,1710,1711],{},[329,1712,1713],{},"selectOnFocus",[1439,1715,1716],{},[329,1717,1467],{},[1439,1719,1720],{},[329,1721,1722],{},"true",[1439,1724,1725],{},"Selects current segment text when focused.",[1419,1727,1728,1733,1737,1741],{},[1439,1729,1730],{},[329,1731,1732],{},"autoAdvance",[1439,1734,1735],{},[329,1736,1467],{},[1439,1738,1739],{},[329,1740,1722],{},[1439,1742,1743],{},"Moves focus after a segment reaches its maximum length.",[1419,1745,1746,1750,1754,1758],{},[1439,1747,1748],{},[329,1749,338],{},[1439,1751,1752],{},[329,1753,1467],{},[1439,1755,1756],{},[329,1757,1472],{},[1439,1759,1760],{},"Adds a trigger and positioned Calendar popup.",[1419,1762,1763,1768,1772,1777],{},[1439,1764,1765],{},[329,1766,1767],{},"calendarLabel",[1439,1769,1770],{},[329,1771,1508],{},[1439,1773,1774],{},[329,1775,1776],{},"\"Choose date\"",[1439,1778,1779],{},"Trigger and popup accessible label.",[1419,1781,1782,1787,1792,1797],{},[1439,1783,1784],{},[329,1785,1786],{},"calendarSide",[1439,1788,1789],{},[329,1790,1791],{},"\"top\" | \"right\" | \"bottom\" | \"left\"",[1439,1793,1794],{},[329,1795,1796],{},"\"bottom\"",[1439,1798,1799],{},"Preferred popup side with collision flipping.",[1419,1801,1802,1807,1812,1817],{},[1439,1803,1804],{},[329,1805,1806],{},"calendarAlign",[1439,1808,1809],{},[329,1810,1811],{},"\"start\" | \"center\" | \"end\"",[1439,1813,1814],{},[329,1815,1816],{},"\"start\"",[1439,1818,1819],{},"Popup alignment against Date Field.",[1419,1821,1822,1827,1832,1837],{},[1439,1823,1824],{},[329,1825,1826],{},"calendarSideOffset",[1439,1828,1829],{},[329,1830,1831],{},"number",[1439,1833,1834],{},[329,1835,1836],{},"6",[1439,1838,1839],{},"Trigger-to-popup gap in pixels.",[1419,1841,1842,1847,1852,1857],{},[1439,1843,1844],{},[329,1845,1846],{},"calendarTeleport",[1439,1848,1849],{},[329,1850,1851],{},"string | false",[1439,1853,1854],{},[329,1855,1856],{},"\"body\"",[1439,1858,1859,1860,1862],{},"Teleport target; ",[329,1861,1472],{}," keeps popup beside Date Field.",[1419,1864,1865,1870,1874,1879],{},[1439,1866,1867],{},[329,1868,1869],{},"ariaLabel",[1439,1871,1872],{},[329,1873,1508],{},[1439,1875,1876],{},[329,1877,1878],{},"\"Date\"",[1439,1880,1881],{},"Root group label when no external label exists.",[1419,1883,1884,1889,1893,1896],{},[1439,1885,1886],{},[329,1887,1888],{},"ariaLabelledby",[1439,1890,1891],{},[329,1892,1508],{},[1439,1894,1895],{},"Field label ID",[1439,1897,1898],{},"External label relationship.",[1419,1900,1901,1906,1910,1913],{},[1439,1902,1903],{},[329,1904,1905],{},"ariaDescribedby",[1439,1907,1908],{},[329,1909,1508],{},[1439,1911,1912],{},"Field description\u002Ferror IDs",[1439,1914,1915],{},"External description relationship.",[1419,1917,1918,1923,1928,1930],{},[1439,1919,1920],{},[329,1921,1922],{},"ui",[1439,1924,1925],{},[329,1926,1927],{},"DateFieldUi",[1439,1929,1599],{},[1439,1931,1932],{},"Classes for generated structural parts.",[326,1934,1935,1936,1939],{},"Date Field accepts calendar dates at day granularity. Use ",[1937,1938,270],"a",{"href":271}," for clock values.",[743,1941,1943],{"id":1942},"emits","Emits",[1413,1945,1946,1958],{},[1416,1947,1948],{},[1419,1949,1950,1953,1956],{},[1422,1951,1952],{},"Event",[1422,1954,1955],{},"Payload",[1422,1957,1432],{},[1434,1959,1960,1974,1992,2006,2020],{},[1419,1961,1962,1967,1971],{},[1439,1963,1964],{},[329,1965,1966],{},"update:modelValue",[1439,1968,1969],{},[329,1970,1448],{},[1439,1972,1973],{},"Fires after an accepted complete value or clear.",[1419,1975,1976,1980,1985],{},[1439,1977,1978],{},[329,1979,1234],{},[1439,1981,1982],{},[329,1983,1984],{},"(value, details)",[1439,1986,1987,1988,1991],{},"Fires before model changes. ",[329,1989,1990],{},"details.cancel()"," prevents the change.",[1419,1993,1994,1999,2003],{},[1439,1995,1996],{},[329,1997,1998],{},"value-commit",[1439,2000,2001],{},[329,2002,1984],{},[1439,2004,2005],{},"Fires after accepted input, keyboard, paste, blur, or clear commits.",[1419,2007,2008,2013,2017],{},[1439,2009,2010],{},[329,2011,2012],{},"update:calendarOpen",[1439,2014,2015],{},[329,2016,1467],{},[1439,2018,2019],{},"Fires after accepted calendar popup changes.",[1419,2021,2022,2027,2032],{},[1439,2023,2024],{},[329,2025,2026],{},"calendar-open-change",[1439,2028,2029],{},[329,2030,2031],{},"(open, details)",[1439,2033,2034,2035,1991],{},"Fires before popup changes. ",[329,2036,1990],{},[326,2038,2039,2040,2043,2044,2047,2048,2047,2051,2047,2054,2047,2057,2060,2061,2064,2065,2047,2068,2047,2071,2074,2075,354],{},"Value ",[329,2041,2042],{},"details.reason"," can be ",[329,2045,2046],{},"input",", ",[329,2049,2050],{},"keyboard",[329,2052,2053],{},"paste",[329,2055,2056],{},"blur",[329,2058,2059],{},"clear",", or ",[329,2062,2063],{},"calendar",". Calendar-open reasons include ",[329,2066,2067],{},"trigger",[329,2069,2070],{},"select",[329,2072,2073],{},"escape",", and ",[329,2076,2077],{},"outside-click",[743,2079,2081],{"id":2080},"slots","Slots",[1413,2083,2084,2095],{},[1416,2085,2086],{},[1419,2087,2088,2091,2093],{},[1422,2089,2090],{},"Slot",[1422,2092,1479],{},[1422,2094,1432],{},[1434,2096,2097,2112,2136],{},[1419,2098,2099,2104,2109],{},[1439,2100,2101],{},[329,2102,2103],{},"literal",[1439,2105,2106],{},[329,2107,2108],{},"value",[1439,2110,2111],{},"Replaces visible locale separator content without changing segment behavior.",[1419,2113,2114,2119,2133],{},[1439,2115,2116],{},[329,2117,2118],{},"calendar-trigger",[1439,2120,2121,2047,2124,2047,2127,2047,2130],{},[329,2122,2123],{},"isOpen",[329,2125,2126],{},"open",[329,2128,2129],{},"close",[329,2131,2132],{},"toggle",[1439,2134,2135],{},"Replaces optional trigger content. Actions accept native event-first handlers.",[1419,2137,2138,2142,2150],{},[1439,2139,2140],{},[329,2141,2063],{},[1439,2143,2144,2047,2146,2047,2148],{},[329,2145,2108],{},[329,2147,2070],{},[329,2149,2129],{},[1439,2151,2152],{},"Replaces built-in Calendar content while retaining popup behavior.",[743,2154,2156],{"id":2155},"methods","Methods",[1413,2158,2159,2168],{},[1416,2160,2161],{},[1419,2162,2163,2166],{},[1422,2164,2165],{},"Method",[1422,2167,1432],{},[1434,2169,2170,2180,2190,2200,2210,2220],{},[1419,2171,2172,2177],{},[1439,2173,2174],{},[329,2175,2176],{},"focus()",[1439,2178,2179],{},"Focuses the first segment in locale order.",[1419,2181,2182,2187],{},[1439,2183,2184],{},[329,2185,2186],{},"clear(event?)",[1439,2188,2189],{},"Clears an accepted value and returns whether it changed.",[1419,2191,2192,2197],{},[1439,2193,2194],{},[329,2195,2196],{},"setValue(value, reason, event?)",[1439,2198,2199],{},"Requests an imperative value change through the normal cancelable event path.",[1419,2201,2202,2207],{},[1439,2203,2204],{},[329,2205,2206],{},"openCalendar(reasonOrEvent?, event?)",[1439,2208,2209],{},"Opens optional calendar through cancelable lifecycle.",[1419,2211,2212,2217],{},[1439,2213,2214],{},[329,2215,2216],{},"closeCalendar(reasonOrEvent?, event?)",[1439,2218,2219],{},"Closes optional calendar and restores trigger focus when appropriate.",[1419,2221,2222,2227],{},[1439,2223,2224],{},[329,2225,2226],{},"toggleCalendar(reasonOrEvent?, event?)",[1439,2228,2229],{},"Toggles optional calendar.",[743,2231,2233],{"id":2232},"ui-options","UI Options",[1413,2235,2236,2245],{},[1416,2237,2238],{},[1419,2239,2240,2243],{},[1422,2241,2242],{},"Key",[1422,2244,1432],{},[1434,2246,2247,2256,2265,2274,2283,2293,2303,2316],{},[1419,2248,2249,2253],{},[1439,2250,2251],{},[329,2252,369],{},[1439,2254,2255],{},"Date group root.",[1419,2257,2258,2262],{},[1439,2259,2260],{},[329,2261,375],{},[1439,2263,2264],{},"Locale-ordered segment wrapper.",[1419,2266,2267,2271],{},[1439,2268,2269],{},[329,2270,381],{},[1439,2272,2273],{},"Every generated day, month, and year input.",[1419,2275,2276,2280],{},[1439,2277,2278],{},[329,2279,2103],{},[1439,2281,2282],{},"Every generated separator.",[1419,2284,2285,2290],{},[1439,2286,2287],{},[329,2288,2289],{},"calendarTrigger",[1439,2291,2292],{},"Optional calendar button.",[1419,2294,2295,2300],{},[1439,2296,2297],{},[329,2298,2299],{},"calendarContent",[1439,2301,2302],{},"Positioned calendar popup.",[1419,2304,2305,2309],{},[1439,2306,2307],{},[329,2308,2063],{},[1439,2310,2311,2312,2315],{},"Nested ",[329,2313,2314],{},"CalendarUi"," object for built-in Calendar parts.",[1419,2317,2318,2323],{},[1439,2319,2320],{},[329,2321,2322],{},"hiddenInput",[1439,2324,2325],{},"Visually hidden native form input.",[743,2327,2329],{"id":2328},"styling-hooks","Styling Hooks",[1413,2331,2332,2345],{},[1416,2333,2334],{},[1419,2335,2336,2339,2342],{},[1422,2337,2338],{},"UI key",[1422,2340,2341],{},"CSS class",[1422,2343,2344],{},"Data attrs",[1434,2346,2347,2390,2403,2430,2443,2467,2493],{},[1419,2348,2349,2353,2358],{},[1439,2350,2351],{},[329,2352,369],{},[1439,2354,2355],{},[329,2356,2357],{},"akaza-date-field",[1439,2359,2360,2047,2363,2047,2366,2047,2369,2047,2372,2047,2375,2047,2378,2047,2381,2047,2384,2047,2387],{},[329,2361,2362],{},"data-akaza-state=\"empty|filled\"",[329,2364,2365],{},"data-akaza-calendar-open",[329,2367,2368],{},"data-akaza-disabled",[329,2370,2371],{},"data-akaza-readonly",[329,2373,2374],{},"data-akaza-required",[329,2376,2377],{},"data-akaza-invalid",[329,2379,2380],{},"data-akaza-dirty",[329,2382,2383],{},"data-akaza-touched",[329,2385,2386],{},"data-akaza-filled",[329,2388,2389],{},"data-akaza-focused",[1419,2391,2392,2396,2401],{},[1439,2393,2394],{},[329,2395,375],{},[1439,2397,2398],{},[329,2399,2400],{},"akaza-date-field-segments",[1439,2402,1599],{},[1419,2404,2405,2409,2414],{},[1439,2406,2407],{},[329,2408,381],{},[1439,2410,2411],{},[329,2412,2413],{},"akaza-date-field-segment",[1439,2415,2416,2047,2419,2047,2421,2047,2424,2047,2426,2047,2428],{},[329,2417,2418],{},"data-akaza-segment=\"day|month|year\"",[329,2420,2362],{},[329,2422,2423],{},"data-akaza-placeholder",[329,2425,2368],{},[329,2427,2371],{},[329,2429,2377],{},[1419,2431,2432,2436,2441],{},[1439,2433,2434],{},[329,2435,2103],{},[1439,2437,2438],{},[329,2439,2440],{},"akaza-date-field-literal",[1439,2442,1599],{},[1419,2444,2445,2449,2454],{},[1439,2446,2447],{},[329,2448,2289],{},[1439,2450,2451],{},[329,2452,2453],{},"akaza-date-field-calendar-trigger",[1439,2455,2456,2047,2459,2047,2461,2047,2464],{},[329,2457,2458],{},"data-akaza-state=\"open|closed\"",[329,2460,2368],{},[329,2462,2463],{},"aria-expanded",[329,2465,2466],{},"aria-controls",[1419,2468,2469,2473,2478],{},[1439,2470,2471],{},[329,2472,2299],{},[1439,2474,2475],{},[329,2476,2477],{},"akaza-date-field-calendar-content",[1439,2479,2480,2047,2483,2047,2486,2489,2490],{},[329,2481,2482],{},"data-akaza-state=\"open\"",[329,2484,2485],{},"data-akaza-side",[329,2487,2488],{},"data-akaza-align",", floating CSS variables, ",[329,2491,2492],{},"--akaza-date-field-calendar-duration",[1419,2494,2495,2499,2504],{},[1439,2496,2497],{},[329,2498,2322],{},[1439,2500,2501],{},[329,2502,2503],{},"akaza-date-field-hidden-input",[1439,2505,1599],{},[326,2507,2508,2509,2512,2513,2515],{},"Plain ",[329,2510,2511],{},"class"," applies to the Date Field root. Use ",[329,2514,440],{}," for generated inputs and data variants for state styling.",[743,2517,2518],{"id":2050},"Keyboard",[1413,2520,2521,2530],{},[1416,2522,2523],{},[1419,2524,2525,2527],{},[1422,2526,2242],{},[1422,2528,2529],{},"Behavior",[1434,2531,2532,2540,2554,2567,2580,2593,2603,2617],{},[1419,2533,2534,2537],{},[1439,2535,2536],{},"Number keys",[1439,2538,2539],{},"Edit the focused segment; full segments can auto-advance.",[1419,2541,2542,2551],{},[1439,2543,2544,2547,2548],{},[329,2545,2546],{},"ArrowUp"," \u002F ",[329,2549,2550],{},"ArrowDown",[1439,2552,2553],{},"Increment or decrement the focused segment with wrapping.",[1419,2555,2556,2564],{},[1439,2557,2558,2547,2561],{},[329,2559,2560],{},"PageUp",[329,2562,2563],{},"PageDown",[1439,2565,2566],{},"Increment or decrement by 10.",[1419,2568,2569,2577],{},[1439,2570,2571,2547,2574],{},[329,2572,2573],{},"Home",[329,2575,2576],{},"End",[1439,2578,2579],{},"Set the focused segment to its minimum or maximum.",[1419,2581,2582,2590],{},[1439,2583,2584,2547,2587],{},[329,2585,2586],{},"ArrowLeft",[329,2588,2589],{},"ArrowRight",[1439,2591,2592],{},"Move focus between locale-ordered segments, direction-aware in RTL.",[1419,2594,2595,2600],{},[1439,2596,2597],{},[329,2598,2599],{},"Backspace",[1439,2601,2602],{},"Clears native text; from an empty segment, moves to the previous segment.",[1419,2604,2605,2614],{},[1439,2606,2607,2547,2610,2613],{},[329,2608,2609],{},"Enter",[329,2611,2612],{},"Space"," on calendar trigger",[1439,2615,2616],{},"Opens or closes Calendar.",[1419,2618,2619,2625],{},[1439,2620,2621,2624],{},[329,2622,2623],{},"Escape"," in Calendar",[1439,2626,2627],{},"Closes popup and restores trigger focus.",[326,2629,2630,2631,2633,2634,2047,2637,2047,2640,2643],{},"Each editable part uses ",[329,2632,385],{}," with ",[329,2635,2636],{},"aria-valuemin",[329,2638,2639],{},"aria-valuemax",[329,2641,2642],{},"aria-valuenow",", and a localized accessible label. Touch users can tap and edit any segment with the numeric keyboard.",[326,2645,2646,2647,2649],{},"Partial segment text remains internal. Date Field updates ",[329,2648,1443],{}," only after day, month, and year are complete and valid.",[2651,2652,2653],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":460,"searchDepth":467,"depth":500,"links":2655},[2656,2657,2658,2668,2669],{"id":358,"depth":500,"text":359},{"id":444,"depth":500,"text":23},{"id":740,"depth":500,"text":741,"children":2659},[2660,2661,2662,2663,2664,2665,2666,2667],{"id":745,"depth":534,"text":746},{"id":834,"depth":534,"text":835},{"id":894,"depth":534,"text":895},{"id":1042,"depth":534,"text":1043},{"id":1153,"depth":534,"text":1154},{"id":1164,"depth":534,"text":1165},{"id":1228,"depth":534,"text":1229},{"id":1342,"depth":534,"text":1343},{"id":1396,"depth":500,"text":1397},{"id":1406,"depth":500,"text":1407,"children":2670},[2671,2672,2673,2674,2675,2676,2677,2678],{"id":1410,"depth":534,"text":1411},{"id":1478,"depth":534,"text":1479},{"id":1942,"depth":534,"text":1943},{"id":2080,"depth":534,"text":2081},{"id":2155,"depth":534,"text":2156},{"id":2232,"depth":534,"text":2233},{"id":2328,"depth":534,"text":2329},{"id":2050,"depth":534,"text":2518},"Locale-ordered segmented date input with keyboard editing, optional Calendar, validation, paste, and native forms.","md",null,{},{"icon":99,"badge":2684},{"label":62,"color":63},{"title":96,"description":2679},"NP6MLCd5fSD7S5SWp4JNyLtAZKrVEklobCX94FXwiwU",[2688,2691],{"title":90,"path":91,"stem":92,"description":2689,"icon":93,"badge":2690,"children":-1},"Semantic tables with sorting, filtering, selection, pagination, expansion, and resizing.",{"label":62,"color":63},{"title":102,"path":103,"stem":104,"description":2692,"icon":105,"badge":2693,"children":-1},"Locale-ordered segmented start and end dates with aggregate validation, fixed endpoints, and native forms.",{"label":62,"color":63},1789932248785]