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