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