[{"data":1,"prerenderedAt":2323},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Fdate-range-field":320,"\u002Fcomponents\u002Fdate-range-field-surround":2316},[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":102,"body":322,"description":2308,"extension":2309,"links":2310,"meta":2311,"navigation":2312,"path":103,"seo":2314,"stem":104,"__hash__":2315},"docs\u002F2.components\u002Fdate-range-field.md",{"type":323,"value":324,"toc":2285},"minimark",[325,333,340,355,360,425,431,434,440,756,760,765,771,848,866,870,877,1033,1040,1044,1050,1084,1088,1095,1129,1133,1143,1246,1250,1253,1306,1310,1313,1317,1321,1370,1374,1844,1848,1910,1914,1970,1974,2027,2031,2116,2120,2244,2258,2262,2281],[326,327,328,332],"p",{},[329,330,331],"code",{},"DateRangeField"," combines two segmented date inputs under one range model. It supports locale order, partial entry, range constraints, Field state, cancelable changes, and two native form values.",[326,334,335,336,339],{},"Use Date Range Field for typed start and end dates. ",[337,338,108],"a",{"href":109}," adds calendar 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,383,391,399,405,411,419],"ul",{},[364,365,366,370],"li",{},[367,368,369],"strong",{},"root",": Generated range group containing both endpoint fields.",[364,372,373,376],{},[367,374,375],{},"start",": Generated start-endpoint wrapper.",[364,378,379,382],{},[367,380,381],{},"start field",": Generated Date Field for the start value.",[364,384,385,390],{},[367,386,387],{},[329,388,389],{},"#start-literal",": Replaces locale separators inside the start field.",[364,392,393,398],{},[367,394,395],{},[329,396,397],{},"#separator",": Replaces the visual separator between endpoints.",[364,400,401,404],{},[367,402,403],{},"end",": Generated end-endpoint wrapper.",[364,406,407,410],{},[367,408,409],{},"end field",": Generated Date Field for the end value.",[364,412,413,418],{},[367,414,415],{},[329,416,417],{},"#end-literal",": Replaces locale separators inside the end field.",[364,420,421,424],{},[367,422,423],{},"hidden input",": Generated aggregate validity control. Each endpoint Date Field also owns its ISO form input.",[326,426,427,428,354],{},"Date Range Field owns endpoint segment markup because focus movement, spinbutton values, partial text, labels, and validation must stay synchronized. Every visible generated part remains styleable through ",[329,429,430],{},"ui",[356,432,23],{"id":433},"usage",[435,436,437],"component-preview",{},[438,439],"examples-date-range-field-demo",{},[441,442,443],"component-code",{},[444,445,450],"pre",{"className":446,"code":447,"language":448,"meta":449,"style":449},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport type { CalendarDateRange } from \"akaza-ui\";\nimport { CalendarDate } from \"@internationalized\u002Fdate\";\nimport { DateRangeField } from \"akaza-ui\";\nimport { shallowRef } from \"vue\";\n\nconst range = shallowRef\u003CCalendarDateRange>({\n  start: new CalendarDate(2026, 8, 12),\n  end: new CalendarDate(2026, 8, 18),\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CDateRangeField v-model=\"range\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[329,451,452,487,521,543,565,587,594,623,660,689,699,709,714,724,747],{"__ignoreMap":449},[453,454,457,461,465,469,472,475,478,482,484],"span",{"class":455,"line":456},"line",1,[453,458,460],{"class":459},"sMK4o","\u003C",[453,462,464],{"class":463},"swJcz","script",[453,466,468],{"class":467},"spNyl"," setup",[453,470,471],{"class":467}," lang",[453,473,474],{"class":459},"=",[453,476,477],{"class":459},"\"",[453,479,481],{"class":480},"sfazB","ts",[453,483,477],{"class":459},[453,485,486],{"class":459},">\n",[453,488,490,494,497,500,504,507,510,513,516,518],{"class":455,"line":489},2,[453,491,493],{"class":492},"s7zQu","import",[453,495,496],{"class":492}," type",[453,498,499],{"class":459}," {",[453,501,503],{"class":502},"sTEyZ"," CalendarDateRange",[453,505,506],{"class":459}," }",[453,508,509],{"class":492}," from",[453,511,512],{"class":459}," \"",[453,514,515],{"class":480},"akaza-ui",[453,517,477],{"class":459},[453,519,520],{"class":459},";\n",[453,522,524,526,528,531,533,535,537,539,541],{"class":455,"line":523},3,[453,525,493],{"class":492},[453,527,499],{"class":459},[453,529,530],{"class":502}," CalendarDate",[453,532,506],{"class":459},[453,534,509],{"class":492},[453,536,512],{"class":459},[453,538,349],{"class":480},[453,540,477],{"class":459},[453,542,520],{"class":459},[453,544,546,548,550,553,555,557,559,561,563],{"class":455,"line":545},4,[453,547,493],{"class":492},[453,549,499],{"class":459},[453,551,552],{"class":502}," DateRangeField",[453,554,506],{"class":459},[453,556,509],{"class":492},[453,558,512],{"class":459},[453,560,515],{"class":480},[453,562,477],{"class":459},[453,564,520],{"class":459},[453,566,568,570,572,575,577,579,581,583,585],{"class":455,"line":567},5,[453,569,493],{"class":492},[453,571,499],{"class":459},[453,573,574],{"class":502}," shallowRef",[453,576,506],{"class":459},[453,578,509],{"class":492},[453,580,512],{"class":459},[453,582,448],{"class":480},[453,584,477],{"class":459},[453,586,520],{"class":459},[453,588,590],{"class":455,"line":589},6,[453,591,593],{"emptyLinePlaceholder":592},true,"\n",[453,595,597,600,603,605,608,610,614,617,620],{"class":455,"line":596},7,[453,598,599],{"class":467},"const",[453,601,602],{"class":502}," range ",[453,604,474],{"class":459},[453,606,574],{"class":607},"s2Zo4",[453,609,460],{"class":459},[453,611,613],{"class":612},"sBMFI","CalendarDateRange",[453,615,616],{"class":459},">",[453,618,619],{"class":502},"(",[453,621,622],{"class":459},"{\n",[453,624,626,629,632,635,637,639,643,646,649,651,654,657],{"class":455,"line":625},8,[453,627,628],{"class":463},"  start",[453,630,631],{"class":459},":",[453,633,634],{"class":459}," new",[453,636,530],{"class":607},[453,638,619],{"class":502},[453,640,642],{"class":641},"sbssI","2026",[453,644,645],{"class":459},",",[453,647,648],{"class":641}," 8",[453,650,645],{"class":459},[453,652,653],{"class":641}," 12",[453,655,656],{"class":502},")",[453,658,659],{"class":459},",\n",[453,661,663,666,668,670,672,674,676,678,680,682,685,687],{"class":455,"line":662},9,[453,664,665],{"class":463},"  end",[453,667,631],{"class":459},[453,669,634],{"class":459},[453,671,530],{"class":607},[453,673,619],{"class":502},[453,675,642],{"class":641},[453,677,645],{"class":459},[453,679,648],{"class":641},[453,681,645],{"class":459},[453,683,684],{"class":641}," 18",[453,686,656],{"class":502},[453,688,659],{"class":459},[453,690,692,695,697],{"class":455,"line":691},10,[453,693,694],{"class":459},"}",[453,696,656],{"class":502},[453,698,520],{"class":459},[453,700,702,705,707],{"class":455,"line":701},11,[453,703,704],{"class":459},"\u003C\u002F",[453,706,464],{"class":463},[453,708,486],{"class":459},[453,710,712],{"class":455,"line":711},12,[453,713,593],{"emptyLinePlaceholder":592},[453,715,717,719,722],{"class":455,"line":716},13,[453,718,460],{"class":459},[453,720,721],{"class":463},"template",[453,723,486],{"class":459},[453,725,727,730,732,735,737,739,742,744],{"class":455,"line":726},14,[453,728,729],{"class":459},"  \u003C",[453,731,331],{"class":463},[453,733,734],{"class":467}," v-model",[453,736,474],{"class":459},[453,738,477],{"class":459},[453,740,741],{"class":480},"range",[453,743,477],{"class":459},[453,745,746],{"class":459}," \u002F>\n",[453,748,750,752,754],{"class":455,"line":749},15,[453,751,704],{"class":459},[453,753,721],{"class":463},[453,755,486],{"class":459},[356,757,759],{"id":758},"examples","Examples",[761,762,764],"h3",{"id":763},"field-integration","Field integration",[326,766,767,768,770],{},"Wrap Date Range Field in ",[329,769,129],{}," to inherit label, description, required, disabled, name, and error relationships. Aggregate validation stays quiet until users interact or submit.",[444,772,774],{"className":446,"code":773,"language":448,"meta":449,"style":449},"\u003CField\n  label=\"Travel dates\"\n  name=\"travel\"\n  description=\"Choose arrival and departure.\"\n  required\n>\n  \u003CDateRangeField v-model=\"range\" \u002F>\n\u003C\u002FField>\n",[329,775,776,783,798,812,826,831,835,840],{"__ignoreMap":449},[453,777,778,780],{"class":455,"line":456},[453,779,460],{"class":459},[453,781,782],{"class":463},"Field\n",[453,784,785,788,790,792,795],{"class":455,"line":489},[453,786,787],{"class":467},"  label",[453,789,474],{"class":459},[453,791,477],{"class":459},[453,793,794],{"class":480},"Travel dates",[453,796,797],{"class":459},"\"\n",[453,799,800,803,805,807,810],{"class":455,"line":523},[453,801,802],{"class":467},"  name",[453,804,474],{"class":459},[453,806,477],{"class":459},[453,808,809],{"class":480},"travel",[453,811,797],{"class":459},[453,813,814,817,819,821,824],{"class":455,"line":545},[453,815,816],{"class":467},"  description",[453,818,474],{"class":459},[453,820,477],{"class":459},[453,822,823],{"class":480},"Choose arrival and departure.",[453,825,797],{"class":459},[453,827,828],{"class":455,"line":567},[453,829,830],{"class":467},"  required\n",[453,832,833],{"class":455,"line":589},[453,834,486],{"class":459},[453,836,837],{"class":455,"line":596},[453,838,839],{"class":502},"  \u003CDateRangeField v-model=\"range\" \u002F>\n",[453,841,842,844,846],{"class":455,"line":625},[453,843,704],{"class":459},[453,845,129],{"class":463},[453,847,486],{"class":459},[326,849,850,851,854,855,858,859,854,862,865],{},"The default form names become ",[329,852,853],{},"travel.start"," and ",[329,856,857],{},"travel.end",". Use ",[329,860,861],{},"startName",[329,863,864],{},"endName"," to override either name.",[761,867,869],{"id":868},"range-constraints","Range constraints",[326,871,872,873,876],{},"Boundaries apply to both endpoints. ",[329,874,875],{},"maximumDays"," counts both start and end. Unavailable dates inside a range invalidate it unless non-contiguous ranges are allowed.",[444,878,880],{"className":446,"code":879,"language":448,"meta":449,"style":449},"\u003CDateRangeField\n  v-model=\"range\"\n  :min-value=\"new CalendarDate(2026, 8, 1)\"\n  :max-value=\"new CalendarDate(2026, 9, 30)\"\n  :maximum-days=\"14\"\n  :is-date-unavailable=\"(date) => closedDates.has(date.toString())\"\n\u002F>\n",[329,881,882,889,902,936,969,985,1028],{"__ignoreMap":449},[453,883,884,886],{"class":455,"line":456},[453,885,460],{"class":459},[453,887,888],{"class":463},"DateRangeField\n",[453,890,891,894,896,898,900],{"class":455,"line":489},[453,892,893],{"class":467},"  v-model",[453,895,474],{"class":459},[453,897,477],{"class":459},[453,899,741],{"class":502},[453,901,797],{"class":459},[453,903,904,907,910,912,914,917,919,921,923,925,927,929,932,934],{"class":455,"line":523},[453,905,906],{"class":459},"  :",[453,908,909],{"class":467},"min-value",[453,911,474],{"class":459},[453,913,477],{"class":459},[453,915,916],{"class":459},"new",[453,918,530],{"class":607},[453,920,619],{"class":502},[453,922,642],{"class":641},[453,924,645],{"class":459},[453,926,648],{"class":641},[453,928,645],{"class":459},[453,930,931],{"class":641}," 1",[453,933,656],{"class":502},[453,935,797],{"class":459},[453,937,938,940,943,945,947,949,951,953,955,957,960,962,965,967],{"class":455,"line":545},[453,939,906],{"class":459},[453,941,942],{"class":467},"max-value",[453,944,474],{"class":459},[453,946,477],{"class":459},[453,948,916],{"class":459},[453,950,530],{"class":607},[453,952,619],{"class":502},[453,954,642],{"class":641},[453,956,645],{"class":459},[453,958,959],{"class":641}," 9",[453,961,645],{"class":459},[453,963,964],{"class":641}," 30",[453,966,656],{"class":502},[453,968,797],{"class":459},[453,970,971,973,976,978,980,983],{"class":455,"line":567},[453,972,906],{"class":459},[453,974,975],{"class":467},"maximum-days",[453,977,474],{"class":459},[453,979,477],{"class":459},[453,981,982],{"class":641},"14",[453,984,797],{"class":459},[453,986,987,989,992,994,996,998,1002,1004,1007,1010,1012,1015,1018,1020,1023,1026],{"class":455,"line":589},[453,988,906],{"class":459},[453,990,991],{"class":467},"is-date-unavailable",[453,993,474],{"class":459},[453,995,477],{"class":459},[453,997,619],{"class":459},[453,999,1001],{"class":1000},"sHdIc","date",[453,1003,656],{"class":459},[453,1005,1006],{"class":467}," =>",[453,1008,1009],{"class":502}," closedDates",[453,1011,354],{"class":459},[453,1013,1014],{"class":607},"has",[453,1016,1017],{"class":502},"(date",[453,1019,354],{"class":459},[453,1021,1022],{"class":607},"toString",[453,1024,1025],{"class":502},"())",[453,1027,797],{"class":459},[453,1029,1030],{"class":455,"line":596},[453,1031,1032],{"class":502},"\u002F>\n",[326,1034,1035,1036,1039],{},"Set ",[329,1037,1038],{},"allowNonContiguousRanges"," when unavailable interior dates may be skipped conceptually. Start and end must still be available.",[761,1041,1043],{"id":1042},"fixed-endpoint","Fixed endpoint",[326,1045,1046,1047,354],{},"Keep one known boundary read-only while users edit the other. The fixed endpoint is exposed through ",[329,1048,1049],{},"data-akaza-fixed-date",[444,1051,1053],{"className":446,"code":1052,"language":448,"meta":449,"style":449},"\u003CDateRangeField v-model=\"range\" fixed-date=\"start\" \u002F>\n",[329,1054,1055],{"__ignoreMap":449},[453,1056,1057,1059,1061,1063,1065,1067,1069,1071,1074,1076,1078,1080,1082],{"class":455,"line":456},[453,1058,460],{"class":459},[453,1060,331],{"class":463},[453,1062,734],{"class":467},[453,1064,474],{"class":459},[453,1066,477],{"class":459},[453,1068,741],{"class":502},[453,1070,477],{"class":459},[453,1072,1073],{"class":467}," fixed-date",[453,1075,474],{"class":459},[453,1077,477],{"class":459},[453,1079,375],{"class":480},[453,1081,477],{"class":459},[453,1083,746],{"class":459},[761,1085,1087],{"id":1086},"locale-order-and-paste","Locale order and paste",[326,1089,1090,1091,1094],{},"Both endpoints use the same locale. For ",[329,1092,1093],{},"en-GB",", visual and focus order is day, month, year. Paste a date with three numeric groups into either endpoint.",[444,1096,1098],{"className":446,"code":1097,"language":448,"meta":449,"style":449},"\u003CDateRangeField v-model=\"range\" locale=\"en-GB\" \u002F>\n",[329,1099,1100],{"__ignoreMap":449},[453,1101,1102,1104,1106,1108,1110,1112,1114,1116,1119,1121,1123,1125,1127],{"class":455,"line":456},[453,1103,460],{"class":459},[453,1105,331],{"class":463},[453,1107,734],{"class":467},[453,1109,474],{"class":459},[453,1111,477],{"class":459},[453,1113,741],{"class":502},[453,1115,477],{"class":459},[453,1117,1118],{"class":467}," locale",[453,1120,474],{"class":459},[453,1122,477],{"class":459},[453,1124,1093],{"class":480},[453,1126,477],{"class":459},[453,1128,746],{"class":459},[761,1130,1132],{"id":1131},"cancel-changes","Cancel changes",[326,1134,1135,1136,1139,1140,354],{},"Endpoint edits emit the complete proposed range before the model changes. Reasons are prefixed with ",[329,1137,1138],{},"start-"," or ",[329,1141,1142],{},"end-",[444,1144,1146],{"className":446,"code":1145,"language":448,"meta":449,"style":449},"\u003CDateRangeField\n  v-model=\"range\"\n  @value-change=\"(next, details) => {\n    if (next.end?.day === 20) details.cancel()\n  }\"\n\u002F>\n",[329,1147,1148,1154,1166,1195,1235,1242],{"__ignoreMap":449},[453,1149,1150,1152],{"class":455,"line":456},[453,1151,460],{"class":459},[453,1153,888],{"class":463},[453,1155,1156,1158,1160,1162,1164],{"class":455,"line":489},[453,1157,893],{"class":467},[453,1159,474],{"class":459},[453,1161,477],{"class":459},[453,1163,741],{"class":502},[453,1165,797],{"class":459},[453,1167,1168,1171,1174,1176,1178,1180,1183,1185,1188,1190,1192],{"class":455,"line":523},[453,1169,1170],{"class":459},"  @",[453,1172,1173],{"class":467},"value-change",[453,1175,474],{"class":459},[453,1177,477],{"class":459},[453,1179,619],{"class":459},[453,1181,1182],{"class":1000},"next",[453,1184,645],{"class":459},[453,1186,1187],{"class":1000}," details",[453,1189,656],{"class":459},[453,1191,1006],{"class":467},[453,1193,1194],{"class":459}," {\n",[453,1196,1197,1200,1203,1205,1207,1209,1212,1215,1218,1221,1224,1227,1229,1232],{"class":455,"line":545},[453,1198,1199],{"class":492},"    if",[453,1201,1202],{"class":463}," (",[453,1204,1182],{"class":502},[453,1206,354],{"class":459},[453,1208,403],{"class":502},[453,1210,1211],{"class":459},"?.",[453,1213,1214],{"class":502},"day",[453,1216,1217],{"class":459}," ===",[453,1219,1220],{"class":641}," 20",[453,1222,1223],{"class":463},") ",[453,1225,1226],{"class":502},"details",[453,1228,354],{"class":459},[453,1230,1231],{"class":607},"cancel",[453,1233,1234],{"class":463},"()\n",[453,1236,1237,1240],{"class":455,"line":567},[453,1238,1239],{"class":459},"  }",[453,1241,797],{"class":459},[453,1243,1244],{"class":455,"line":589},[453,1245,1032],{"class":502},[761,1247,1249],{"id":1248},"read-only-and-disabled","Read-only and disabled",[326,1251,1252],{},"Read-only segments stay focusable for inspection. Disabled segments leave the tab sequence and both endpoint values are excluded from form submission.",[444,1254,1256],{"className":446,"code":1255,"language":448,"meta":449,"style":449},"\u003CDateRangeField :model-value=\"range\" read-only \u002F>\n\u003CDateRangeField :model-value=\"range\" disabled \u002F>\n",[329,1257,1258,1283],{"__ignoreMap":449},[453,1259,1260,1262,1264,1267,1270,1272,1274,1276,1278,1281],{"class":455,"line":456},[453,1261,460],{"class":459},[453,1263,331],{"class":463},[453,1265,1266],{"class":459}," :",[453,1268,1269],{"class":467},"model-value",[453,1271,474],{"class":459},[453,1273,477],{"class":459},[453,1275,741],{"class":502},[453,1277,477],{"class":459},[453,1279,1280],{"class":467}," read-only",[453,1282,746],{"class":459},[453,1284,1285,1287,1289,1291,1293,1295,1297,1299,1301,1304],{"class":455,"line":489},[453,1286,460],{"class":459},[453,1288,331],{"class":463},[453,1290,1266],{"class":459},[453,1292,1269],{"class":467},[453,1294,474],{"class":459},[453,1296,477],{"class":459},[453,1298,741],{"class":502},[453,1300,477],{"class":459},[453,1302,1303],{"class":467}," disabled",[453,1305,746],{"class":459},[356,1307,1309],{"id":1308},"reactive-validation","Reactive validation",[326,1311,1312],{},"Controlled value and constraint changes update native validity. Partial endpoints count toward range validity. A canceled form reset keeps both drafts.",[356,1314,1316],{"id":1315},"api-reference","API Reference",[761,1318,1320],{"id":1319},"model","Model",[1322,1323,1324,1342],"table",{},[1325,1326,1327],"thead",{},[1328,1329,1330,1333,1336,1339],"tr",{},[1331,1332,1320],"th",{},[1331,1334,1335],{},"Type",[1331,1337,1338],{},"Default",[1331,1340,1341],{},"Description",[1343,1344,1345],"tbody",{},[1328,1346,1347,1353,1357,1362],{},[1348,1349,1350],"td",{},[329,1351,1352],{},"v-model",[1348,1354,1355],{},[329,1356,613],{},[1348,1358,1359],{},[329,1360,1361],{},"{}",[1348,1363,1364,1365,854,1367,1369],{},"Optional ",[329,1366,375],{},[329,1368,403],{}," date values. Partial segment text remains internal.",[761,1371,1373],{"id":1372},"props","Props",[1322,1375,1376,1389],{},[1325,1377,1378],{},[1328,1379,1380,1383,1385,1387],{},[1331,1381,1382],{},"Prop",[1331,1384,1335],{},[1331,1386,1338],{},[1331,1388,1341],{},[1343,1390,1391,1409,1433,1451,1469,1488,1508,1526,1543,1559,1576,1595,1611,1628,1646,1664,1682,1700,1719,1737,1756,1775,1794,1811,1828],{},[1328,1392,1393,1398,1403,1406],{},[1348,1394,1395],{},[329,1396,1397],{},"id",[1348,1399,1400],{},[329,1401,1402],{},"string",[1348,1404,1405],{},"Field\u002Fgenerated id",[1348,1407,1408],{},"ID assigned to the first start segment.",[1328,1410,1411,1416,1420,1423],{},[1348,1412,1413],{},[329,1414,1415],{},"name",[1348,1417,1418],{},[329,1419,1402],{},[1348,1421,1422],{},"Field name",[1348,1424,1425,1426,854,1429,1432],{},"Base native form name used to create ",[329,1427,1428],{},".start",[329,1430,1431],{},".end"," names.",[1328,1434,1435,1439,1443,1448],{},[1348,1436,1437],{},[329,1438,861],{},[1348,1440,1441],{},[329,1442,1402],{},[1348,1444,1445],{},[329,1446,1447],{},"${name}.start",[1348,1449,1450],{},"Explicit start form field name.",[1328,1452,1453,1457,1461,1466],{},[1348,1454,1455],{},[329,1456,864],{},[1348,1458,1459],{},[329,1460,1402],{},[1348,1462,1463],{},[329,1464,1465],{},"${name}.end",[1348,1467,1468],{},"Explicit end form field name.",[1328,1470,1471,1476,1480,1485],{},[1348,1472,1473],{},[329,1474,1475],{},"locale",[1348,1477,1478],{},[329,1479,1402],{},[1348,1481,1482],{},[329,1483,1484],{},"\"en-US\"",[1348,1486,1487],{},"Segment order, separators, and accessible labels for both endpoints.",[1328,1489,1490,1495,1500,1505],{},[1348,1491,1492],{},[329,1493,1494],{},"dir",[1348,1496,1497],{},[329,1498,1499],{},"\"ltr\" | \"rtl\"",[1348,1501,1502],{},[329,1503,1504],{},"\"ltr\"",[1348,1506,1507],{},"Reading direction and segment arrow behavior.",[1328,1509,1510,1515,1520,1523],{},[1348,1511,1512],{},[329,1513,1514],{},"placeholder",[1348,1516,1517],{},[329,1518,1519],{},"CalendarDateValue",[1348,1521,1522],{},"today",[1348,1524,1525],{},"Date context used while endpoint segments are partial.",[1328,1527,1528,1533,1537,1540],{},[1348,1529,1530],{},[329,1531,1532],{},"minValue",[1348,1534,1535],{},[329,1536,1519],{},[1348,1538,1539],{},"-",[1348,1541,1542],{},"Earliest valid start and endpoint value.",[1328,1544,1545,1550,1554,1556],{},[1348,1546,1547],{},[329,1548,1549],{},"maxValue",[1348,1551,1552],{},[329,1553,1519],{},[1348,1555,1539],{},[1348,1557,1558],{},"Latest valid end and endpoint value.",[1328,1560,1561,1566,1571,1573],{},[1348,1562,1563],{},[329,1564,1565],{},"isDateUnavailable",[1348,1567,1568],{},[329,1569,1570],{},"(date) => boolean",[1348,1572,1539],{},[1348,1574,1575],{},"Application rule for unavailable dates.",[1328,1577,1578,1582,1587,1592],{},[1348,1579,1580],{},[329,1581,1038],{},[1348,1583,1584],{},[329,1585,1586],{},"boolean",[1348,1588,1589],{},[329,1590,1591],{},"false",[1348,1593,1594],{},"Allows unavailable dates inside, but not at boundaries.",[1328,1596,1597,1601,1606,1608],{},[1348,1598,1599],{},[329,1600,875],{},[1348,1602,1603],{},[329,1604,1605],{},"number",[1348,1607,1539],{},[1348,1609,1610],{},"Maximum inclusive range length.",[1328,1612,1613,1618,1623,1625],{},[1348,1614,1615],{},[329,1616,1617],{},"fixedDate",[1348,1619,1620],{},[329,1621,1622],{},"\"start\" | \"end\"",[1348,1624,1539],{},[1348,1626,1627],{},"Makes one endpoint read-only.",[1328,1629,1630,1635,1639,1643],{},[1348,1631,1632],{},[329,1633,1634],{},"required",[1348,1636,1637],{},[329,1638,1586],{},[1348,1640,1641],{},[329,1642,1591],{},[1348,1644,1645],{},"Requires both endpoints for native validity.",[1328,1647,1648,1653,1657,1661],{},[1348,1649,1650],{},[329,1651,1652],{},"disabled",[1348,1654,1655],{},[329,1656,1586],{},[1348,1658,1659],{},[329,1660,1591],{},[1348,1662,1663],{},"Disables editing and native form participation.",[1328,1665,1666,1671,1675,1679],{},[1348,1667,1668],{},[329,1669,1670],{},"readOnly",[1348,1672,1673],{},[329,1674,1586],{},[1348,1676,1677],{},[329,1678,1591],{},[1348,1680,1681],{},"Keeps segments focusable but blocks changes.",[1328,1683,1684,1689,1693,1697],{},[1348,1685,1686],{},[329,1687,1688],{},"invalid",[1348,1690,1691],{},[329,1692,1586],{},[1348,1694,1695],{},[329,1696,1591],{},[1348,1698,1699],{},"Forces invalid styling and ARIA state.",[1328,1701,1702,1707,1711,1716],{},[1348,1703,1704],{},[329,1705,1706],{},"selectOnFocus",[1348,1708,1709],{},[329,1710,1586],{},[1348,1712,1713],{},[329,1714,1715],{},"true",[1348,1717,1718],{},"Selects focused segment text.",[1328,1720,1721,1726,1730,1734],{},[1348,1722,1723],{},[329,1724,1725],{},"autoAdvance",[1348,1727,1728],{},[329,1729,1586],{},[1348,1731,1732],{},[329,1733,1715],{},[1348,1735,1736],{},"Advances after a segment reaches full length.",[1328,1738,1739,1744,1748,1753],{},[1348,1740,1741],{},[329,1742,1743],{},"startLabel",[1348,1745,1746],{},[329,1747,1402],{},[1348,1749,1750],{},[329,1751,1752],{},"\"Start date\"",[1348,1754,1755],{},"Accessible label for the start Date Field.",[1328,1757,1758,1763,1767,1772],{},[1348,1759,1760],{},[329,1761,1762],{},"endLabel",[1348,1764,1765],{},[329,1766,1402],{},[1348,1768,1769],{},[329,1770,1771],{},"\"End date\"",[1348,1773,1774],{},"Accessible label for the end Date Field.",[1328,1776,1777,1782,1786,1791],{},[1348,1778,1779],{},[329,1780,1781],{},"ariaLabel",[1348,1783,1784],{},[329,1785,1402],{},[1348,1787,1788],{},[329,1789,1790],{},"\"Date range\"",[1348,1792,1793],{},"Root group label without an external label.",[1328,1795,1796,1801,1805,1808],{},[1348,1797,1798],{},[329,1799,1800],{},"ariaLabelledby",[1348,1802,1803],{},[329,1804,1402],{},[1348,1806,1807],{},"Field label ID",[1348,1809,1810],{},"External label relationship.",[1328,1812,1813,1818,1822,1825],{},[1348,1814,1815],{},[329,1816,1817],{},"ariaDescribedby",[1348,1819,1820],{},[329,1821,1402],{},[1348,1823,1824],{},"Field description\u002Ferror IDs",[1348,1826,1827],{},"External description relationship.",[1328,1829,1830,1834,1839,1841],{},[1348,1831,1832],{},[329,1833,430],{},[1348,1835,1836],{},[329,1837,1838],{},"DateRangeFieldUi",[1348,1840,1539],{},[1348,1842,1843],{},"Classes for generated structural parts.",[761,1845,1847],{"id":1846},"emits","Emits",[1322,1849,1850,1862],{},[1325,1851,1852],{},[1328,1853,1854,1857,1860],{},[1331,1855,1856],{},"Event",[1331,1858,1859],{},"Payload",[1331,1861,1341],{},[1343,1863,1864,1878,1896],{},[1328,1865,1866,1871,1875],{},[1348,1867,1868],{},[329,1869,1870],{},"update:modelValue",[1348,1872,1873],{},[329,1874,613],{},[1348,1876,1877],{},"Fires after an accepted endpoint change or clear.",[1328,1879,1880,1884,1889],{},[1348,1881,1882],{},[329,1883,1173],{},[1348,1885,1886],{},[329,1887,1888],{},"(range, details)",[1348,1890,1891,1892,1895],{},"Fires before model changes. ",[329,1893,1894],{},"details.cancel()"," prevents the change.",[1328,1897,1898,1903,1907],{},[1348,1899,1900],{},[329,1901,1902],{},"value-commit",[1348,1904,1905],{},[329,1906,1888],{},[1348,1908,1909],{},"Fires after accepted endpoint input, keyboard, paste, or blur commits.",[761,1911,1913],{"id":1912},"slots","Slots",[1322,1915,1916,1927],{},[1325,1917,1918],{},[1328,1919,1920,1923,1925],{},[1331,1921,1922],{},"Slot",[1331,1924,1373],{},[1331,1926,1341],{},[1343,1928,1929,1944,1956],{},[1328,1930,1931,1936,1941],{},[1348,1932,1933],{},[329,1934,1935],{},"start-literal",[1348,1937,1938],{},[329,1939,1940],{},"value",[1348,1942,1943],{},"Replaces locale separators inside the start endpoint.",[1328,1945,1946,1951,1953],{},[1348,1947,1948],{},[329,1949,1950],{},"separator",[1348,1952,1539],{},[1348,1954,1955],{},"Replaces the visual separator between endpoints.",[1328,1957,1958,1963,1967],{},[1348,1959,1960],{},[329,1961,1962],{},"end-literal",[1348,1964,1965],{},[329,1966,1940],{},[1348,1968,1969],{},"Replaces locale separators inside the end endpoint.",[761,1971,1973],{"id":1972},"methods","Methods",[1322,1975,1976,1985],{},[1325,1977,1978],{},[1328,1979,1980,1983],{},[1331,1981,1982],{},"Method",[1331,1984,1341],{},[1343,1986,1987,1997,2007,2017],{},[1328,1988,1989,1994],{},[1348,1990,1991],{},[329,1992,1993],{},"focusStart()",[1348,1995,1996],{},"Focuses first locale-ordered start segment.",[1328,1998,1999,2004],{},[1348,2000,2001],{},[329,2002,2003],{},"focusEnd()",[1348,2005,2006],{},"Focuses first locale-ordered end segment.",[1328,2008,2009,2014],{},[1348,2010,2011],{},[329,2012,2013],{},"clear(event?)",[1348,2015,2016],{},"Requests an empty range through cancelable change flow.",[1328,2018,2019,2024],{},[1348,2020,2021],{},[329,2022,2023],{},"setValue(value, reason, event?)",[1348,2025,2026],{},"Requests an imperative range change.",[761,2028,2030],{"id":2029},"ui-options","UI Options",[1322,2032,2033,2042],{},[1325,2034,2035],{},[1328,2036,2037,2040],{},[1331,2038,2039],{},"Key",[1331,2041,1341],{},[1343,2043,2044,2053,2062,2076,2085,2094,2106],{},[1328,2045,2046,2050],{},[1348,2047,2048],{},[329,2049,369],{},[1348,2051,2052],{},"Range group root.",[1328,2054,2055,2059],{},[1348,2056,2057],{},[329,2058,375],{},[1348,2060,2061],{},"Start endpoint wrapper.",[1328,2063,2064,2069],{},[1348,2065,2066],{},[329,2067,2068],{},"startField",[1348,2070,2071,2072,2075],{},"Nested ",[329,2073,2074],{},"DateFieldUi"," for start segments.",[1328,2077,2078,2082],{},[1348,2079,2080],{},[329,2081,1950],{},[1348,2083,2084],{},"Endpoint separator.",[1328,2086,2087,2091],{},[1348,2088,2089],{},[329,2090,403],{},[1348,2092,2093],{},"End endpoint wrapper.",[1328,2095,2096,2101],{},[1348,2097,2098],{},[329,2099,2100],{},"endField",[1348,2102,2071,2103,2105],{},[329,2104,2074],{}," for end segments.",[1328,2107,2108,2113],{},[1348,2109,2110],{},[329,2111,2112],{},"hiddenInput",[1348,2114,2115],{},"Aggregate native validity input.",[761,2117,2119],{"id":2118},"styling-hooks","Styling Hooks",[1322,2121,2122,2135],{},[1325,2123,2124],{},[1328,2125,2126,2129,2132],{},[1331,2127,2128],{},"UI key",[1331,2130,2131],{},"CSS class",[1331,2133,2134],{},"Data attrs",[1343,2136,2137,2180,2199,2212,2230],{},[1328,2138,2139,2143,2148],{},[1348,2140,2141],{},[329,2142,369],{},[1348,2144,2145],{},[329,2146,2147],{},"akaza-date-range-field",[1348,2149,2150,2153,2154,2153,2156,2153,2159,2153,2162,2153,2165,2153,2168,2153,2171,2153,2174,2153,2177],{},[329,2151,2152],{},"data-akaza-state=\"empty|partial|complete\"",", ",[329,2155,1049],{},[329,2157,2158],{},"data-akaza-disabled",[329,2160,2161],{},"data-akaza-readonly",[329,2163,2164],{},"data-akaza-required",[329,2166,2167],{},"data-akaza-invalid",[329,2169,2170],{},"data-akaza-dirty",[329,2172,2173],{},"data-akaza-touched",[329,2175,2176],{},"data-akaza-filled",[329,2178,2179],{},"data-akaza-focused",[1328,2181,2182,2186,2191],{},[1348,2183,2184],{},[329,2185,375],{},[1348,2187,2188],{},[329,2189,2190],{},"akaza-date-range-field-start",[1348,2192,2193,2153,2196],{},[329,2194,2195],{},"data-akaza-endpoint=\"start\"",[329,2197,2198],{},"data-akaza-state=\"empty|filled\"",[1328,2200,2201,2205,2210],{},[1348,2202,2203],{},[329,2204,1950],{},[1348,2206,2207],{},[329,2208,2209],{},"akaza-date-range-field-separator",[1348,2211,1539],{},[1328,2213,2214,2218,2223],{},[1348,2215,2216],{},[329,2217,403],{},[1348,2219,2220],{},[329,2221,2222],{},"akaza-date-range-field-end",[1348,2224,2225,2153,2228],{},[329,2226,2227],{},"data-akaza-endpoint=\"end\"",[329,2229,2198],{},[1328,2231,2232,2236,2241],{},[1348,2233,2234],{},[329,2235,2112],{},[1348,2237,2238],{},[329,2239,2240],{},"akaza-date-range-field-hidden-input",[1348,2242,2243],{},"native validity attrs",[326,2245,2246,2247,2250,2251,854,2254,2257],{},"Nested endpoint parts retain Date Field's exact semantic classes and data attributes. Plain ",[329,2248,2249],{},"class"," applies to the Date Range Field root; use ",[329,2252,2253],{},"ui.startField",[329,2255,2256],{},"ui.endField"," for generated segment internals.",[761,2259,2261],{"id":2260},"keyboard","Keyboard",[326,2263,2264,2265,2269,2270,2273,2274,2277,2278,354],{},"Each endpoint follows ",[337,2266,2268],{"href":2267},"\u002Fcomponents\u002Fdate-field#keyboard","Date Field keyboard behavior",". ",[329,2271,2272],{},"Tab"," moves through start segments, then end segments. Root uses ",[329,2275,2276],{},"role=\"group\"","; each date segment remains a labeled ",[329,2279,2280],{},"role=\"spinbutton\"",[2282,2283,2284],"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":449,"searchDepth":456,"depth":489,"links":2286},[2287,2288,2289,2297,2298],{"id":358,"depth":489,"text":359},{"id":433,"depth":489,"text":23},{"id":758,"depth":489,"text":759,"children":2290},[2291,2292,2293,2294,2295,2296],{"id":763,"depth":523,"text":764},{"id":868,"depth":523,"text":869},{"id":1042,"depth":523,"text":1043},{"id":1086,"depth":523,"text":1087},{"id":1131,"depth":523,"text":1132},{"id":1248,"depth":523,"text":1249},{"id":1308,"depth":489,"text":1309},{"id":1315,"depth":489,"text":1316,"children":2299},[2300,2301,2302,2303,2304,2305,2306,2307],{"id":1319,"depth":523,"text":1320},{"id":1372,"depth":523,"text":1373},{"id":1846,"depth":523,"text":1847},{"id":1912,"depth":523,"text":1913},{"id":1972,"depth":523,"text":1973},{"id":2029,"depth":523,"text":2030},{"id":2118,"depth":523,"text":2119},{"id":2260,"depth":523,"text":2261},"Locale-ordered segmented start and end dates with aggregate validation, fixed endpoints, and native forms.","md",null,{},{"icon":105,"badge":2313},{"label":62,"color":63},{"title":102,"description":2308},"4zpDW0zO_6GJHwnd-_UuvV2cXDvBbYMUsqj9CFvGmW0",[2317,2320],{"title":96,"path":97,"stem":98,"description":2318,"icon":99,"badge":2319,"children":-1},"Locale-ordered segmented date input with keyboard editing, optional Calendar, validation, paste, and native forms.",{"label":62,"color":63},{"title":108,"path":109,"stem":110,"description":2321,"icon":111,"badge":2322,"children":-1},"Segmented date-range entry and an accessible range Calendar in one collision-aware popup.",{"label":62,"color":63},1789932250257]