[{"data":1,"prerenderedAt":882},["ShallowReactive",2],{"navigation":3,"/components/datetimeinput":117,"/components/datetimeinput-surround":877},[4,11,98],{"title":5,"path":6,"stem":7,"children":8,"icon":10},"Introduction","/getting-started","1.getting-started/1.index",[9],{"title":5,"path":6,"stem":7,"icon":10},"i-lucide-house",{"title":12,"path":13,"stem":14,"children":15,"icon":17},"Component Catalog","/components","2.components/01.index",[16,18,22,26,30,34,38,42,46,50,54,58,62,66,70,74,78,82,86,90,94],{"title":12,"path":13,"stem":14,"icon":17},"i-lucide-layout-grid",{"title":19,"path":20,"stem":21},"Text","/components/text","2.components/02.text",{"title":23,"path":24,"stem":25},"Button","/components/button","2.components/03.button",{"title":27,"path":28,"stem":29},"Slider","/components/slider","2.components/04.slider",{"title":31,"path":32,"stem":33},"ChoicePicker","/components/choicepicker","2.components/05.choicepicker",{"title":35,"path":36,"stem":37},"Modal","/components/modal","2.components/06.modal",{"title":39,"path":40,"stem":41},"DateTimeInput","/components/datetimeinput","2.components/07.datetimeinput",{"title":43,"path":44,"stem":45},"Image","/components/image","2.components/08.image",{"title":47,"path":48,"stem":49},"Icon","/components/icon","2.components/09.icon",{"title":51,"path":52,"stem":53},"Video","/components/video","2.components/10.video",{"title":55,"path":56,"stem":57},"AudioPlayer","/components/audioplayer","2.components/11.audioplayer",{"title":59,"path":60,"stem":61},"Row","/components/row","2.components/12.row",{"title":63,"path":64,"stem":65},"Column","/components/column","2.components/13.column",{"title":67,"path":68,"stem":69},"List","/components/list","2.components/14.list",{"title":71,"path":72,"stem":73},"Card","/components/card","2.components/15.card",{"title":75,"path":76,"stem":77},"Tabs","/components/tabs","2.components/16.tabs",{"title":79,"path":80,"stem":81},"Divider","/components/divider","2.components/17.divider",{"title":83,"path":84,"stem":85},"TextField","/components/textfield","2.components/18.textfield",{"title":87,"path":88,"stem":89},"CheckBox","/components/checkbox","2.components/19.checkbox",{"title":91,"path":92,"stem":93},"Slideover","/components/slideover","2.components/20.slideover",{"title":95,"path":96,"stem":97},"Table","/components/table","2.components/21.table",{"title":99,"path":100,"stem":101,"children":102,"icon":104},"Recipes","/recipes","3.recipes/01.index",[103,105,109,113],{"title":99,"path":100,"stem":101,"icon":104},"i-lucide-chef-hat",{"title":106,"path":107,"stem":108},"Booking Receipt","/recipes/booking-receipt","3.recipes/02.booking-receipt",{"title":110,"path":111,"stem":112},"Establishment Detail","/recipes/establishment-detail","3.recipes/03.establishment-detail",{"title":114,"path":115,"stem":116},"Booking History","/recipes/booking-history","3.recipes/04.booking-history",{"id":118,"title":39,"body":119,"description":870,"extension":871,"links":872,"meta":873,"navigation":874,"path":40,"seo":875,"stem":41,"__hash__":876},"docs/2.components/07.datetimeinput.md",{"type":120,"value":121,"toc":864},"minimark",[122,127,211,223,227,717,721,847,851,860],[123,124,126],"h2",{"id":125},"a2ui-nuxt-ui-mapping","A2UI → Nuxt UI Mapping",[128,129,130,149],"table",{},[131,132,133],"thead",{},[134,135,136,140,143,146],"tr",{},[137,138,139],"th",{},"enableDate",[137,141,142],{},"enableTime",[137,144,145],{},"HTML Input Type",[137,147,148],{},"Result",[150,151,152,175,193],"tbody",{},[134,153,154,162,167,172],{},[155,156,157,161],"td",{},[158,159,160],"code",{},"true"," (default)",[155,163,164,161],{},[158,165,166],{},"false",[155,168,169],{},[158,170,171],{},"date",[155,173,174],{},"Date picker",[134,176,177,181,185,190],{},[155,178,179],{},[158,180,166],{},[155,182,183],{},[158,184,160],{},[155,186,187],{},[158,188,189],{},"time",[155,191,192],{},"Time picker",[134,194,195,199,203,208],{},[155,196,197],{},[158,198,160],{},[155,200,201],{},[158,202,160],{},[155,204,205],{},[158,206,207],{},"datetime-local",[155,209,210],{},"Full datetime picker",[212,213,214,215,218,219,222],"p",{},"Uses ",[158,216,217],{},"UInput"," with the appropriate ",[158,220,221],{},"type"," attribute.",[123,224,226],{"id":225},"example-jsonl","Example JSONL",[228,229,234],"pre",{"className":230,"code":231,"language":232,"meta":233,"style":233},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\"version\":\"v0.10\",\"createSurface\":{\"surfaceId\":\"dt_demo\",\"catalogId\":\"standard\"}}\n{\"version\":\"v0.10\",\"updateComponents\":{\"surfaceId\":\"dt_demo\",\"components\":[\n  {\"id\":\"root\",\"component\":\"Column\",\"children\":[\"date_only\",\"time_only\",\"both\"]},\n  {\"id\":\"date_only\",\"component\":\"DateTimeInput\",\"label\":\"Date\",\"value\":\"2026-02-14\",\"enableDate\":true},\n  {\"id\":\"time_only\",\"component\":\"DateTimeInput\",\"label\":\"Time\",\"value\":\"14:30\",\"enableTime\":true,\"enableDate\":false},\n  {\"id\":\"both\",\"component\":\"DateTimeInput\",\"label\":\"Date & Time\",\"value\":\"2026-02-14T14:30\",\"enableDate\":true,\"enableTime\":true}\n]}}\n","json","",[158,235,236,316,372,452,534,623,711],{"__ignoreMap":233},[237,238,241,245,248,252,254,257,259,263,265,268,270,273,275,278,280,284,286,288,290,293,295,297,299,302,304,306,308,311,313],"span",{"class":239,"line":240},"line",1,[237,242,244],{"class":243},"sMK4o","{",[237,246,247],{"class":243},"\"",[237,249,251],{"class":250},"spNyl","version",[237,253,247],{"class":243},[237,255,256],{"class":243},":",[237,258,247],{"class":243},[237,260,262],{"class":261},"sfazB","v0.10",[237,264,247],{"class":243},[237,266,267],{"class":243},",",[237,269,247],{"class":243},[237,271,272],{"class":250},"createSurface",[237,274,247],{"class":243},[237,276,277],{"class":243},":{",[237,279,247],{"class":243},[237,281,283],{"class":282},"sBMFI","surfaceId",[237,285,247],{"class":243},[237,287,256],{"class":243},[237,289,247],{"class":243},[237,291,292],{"class":261},"dt_demo",[237,294,247],{"class":243},[237,296,267],{"class":243},[237,298,247],{"class":243},[237,300,301],{"class":282},"catalogId",[237,303,247],{"class":243},[237,305,256],{"class":243},[237,307,247],{"class":243},[237,309,310],{"class":261},"standard",[237,312,247],{"class":243},[237,314,315],{"class":243},"}}\n",[237,317,319,321,323,325,327,329,331,333,335,337,339,342,344,346,348,350,352,354,356,358,360,362,364,367,369],{"class":239,"line":318},2,[237,320,244],{"class":243},[237,322,247],{"class":243},[237,324,251],{"class":250},[237,326,247],{"class":243},[237,328,256],{"class":243},[237,330,247],{"class":243},[237,332,262],{"class":261},[237,334,247],{"class":243},[237,336,267],{"class":243},[237,338,247],{"class":243},[237,340,341],{"class":250},"updateComponents",[237,343,247],{"class":243},[237,345,277],{"class":243},[237,347,247],{"class":243},[237,349,283],{"class":282},[237,351,247],{"class":243},[237,353,256],{"class":243},[237,355,247],{"class":243},[237,357,292],{"class":261},[237,359,247],{"class":243},[237,361,267],{"class":243},[237,363,247],{"class":243},[237,365,366],{"class":282},"components",[237,368,247],{"class":243},[237,370,371],{"class":243},":[\n",[237,373,375,378,380,384,386,388,390,393,395,397,399,402,404,406,408,410,412,414,416,419,421,424,426,429,431,433,435,438,440,442,444,447,449],{"class":239,"line":374},3,[237,376,377],{"class":243},"  {",[237,379,247],{"class":243},[237,381,383],{"class":382},"sbssI","id",[237,385,247],{"class":243},[237,387,256],{"class":243},[237,389,247],{"class":243},[237,391,392],{"class":261},"root",[237,394,247],{"class":243},[237,396,267],{"class":243},[237,398,247],{"class":243},[237,400,401],{"class":382},"component",[237,403,247],{"class":243},[237,405,256],{"class":243},[237,407,247],{"class":243},[237,409,63],{"class":261},[237,411,247],{"class":243},[237,413,267],{"class":243},[237,415,247],{"class":243},[237,417,418],{"class":382},"children",[237,420,247],{"class":243},[237,422,423],{"class":243},":[",[237,425,247],{"class":243},[237,427,428],{"class":261},"date_only",[237,430,247],{"class":243},[237,432,267],{"class":243},[237,434,247],{"class":243},[237,436,437],{"class":261},"time_only",[237,439,247],{"class":243},[237,441,267],{"class":243},[237,443,247],{"class":243},[237,445,446],{"class":261},"both",[237,448,247],{"class":243},[237,450,451],{"class":243},"]},\n",[237,453,455,457,459,461,463,465,467,469,471,473,475,477,479,481,483,485,487,489,491,494,496,498,500,503,505,507,509,512,514,516,518,521,523,525,527,529,531],{"class":239,"line":454},4,[237,456,377],{"class":243},[237,458,247],{"class":243},[237,460,383],{"class":382},[237,462,247],{"class":243},[237,464,256],{"class":243},[237,466,247],{"class":243},[237,468,428],{"class":261},[237,470,247],{"class":243},[237,472,267],{"class":243},[237,474,247],{"class":243},[237,476,401],{"class":382},[237,478,247],{"class":243},[237,480,256],{"class":243},[237,482,247],{"class":243},[237,484,39],{"class":261},[237,486,247],{"class":243},[237,488,267],{"class":243},[237,490,247],{"class":243},[237,492,493],{"class":382},"label",[237,495,247],{"class":243},[237,497,256],{"class":243},[237,499,247],{"class":243},[237,501,502],{"class":261},"Date",[237,504,247],{"class":243},[237,506,267],{"class":243},[237,508,247],{"class":243},[237,510,511],{"class":382},"value",[237,513,247],{"class":243},[237,515,256],{"class":243},[237,517,247],{"class":243},[237,519,520],{"class":261},"2026-02-14",[237,522,247],{"class":243},[237,524,267],{"class":243},[237,526,247],{"class":243},[237,528,139],{"class":382},[237,530,247],{"class":243},[237,532,533],{"class":243},":true},\n",[237,535,537,539,541,543,545,547,549,551,553,555,557,559,561,563,565,567,569,571,573,575,577,579,581,584,586,588,590,592,594,596,598,601,603,605,607,609,611,614,616,618,620],{"class":239,"line":536},5,[237,538,377],{"class":243},[237,540,247],{"class":243},[237,542,383],{"class":382},[237,544,247],{"class":243},[237,546,256],{"class":243},[237,548,247],{"class":243},[237,550,437],{"class":261},[237,552,247],{"class":243},[237,554,267],{"class":243},[237,556,247],{"class":243},[237,558,401],{"class":382},[237,560,247],{"class":243},[237,562,256],{"class":243},[237,564,247],{"class":243},[237,566,39],{"class":261},[237,568,247],{"class":243},[237,570,267],{"class":243},[237,572,247],{"class":243},[237,574,493],{"class":382},[237,576,247],{"class":243},[237,578,256],{"class":243},[237,580,247],{"class":243},[237,582,583],{"class":261},"Time",[237,585,247],{"class":243},[237,587,267],{"class":243},[237,589,247],{"class":243},[237,591,511],{"class":382},[237,593,247],{"class":243},[237,595,256],{"class":243},[237,597,247],{"class":243},[237,599,600],{"class":261},"14:30",[237,602,247],{"class":243},[237,604,267],{"class":243},[237,606,247],{"class":243},[237,608,142],{"class":382},[237,610,247],{"class":243},[237,612,613],{"class":243},":true,",[237,615,247],{"class":243},[237,617,139],{"class":382},[237,619,247],{"class":243},[237,621,622],{"class":243},":false},\n",[237,624,626,628,630,632,634,636,638,640,642,644,646,648,650,652,654,656,658,660,662,664,666,668,670,673,675,677,679,681,683,685,687,690,692,694,696,698,700,702,704,706,708],{"class":239,"line":625},6,[237,627,377],{"class":243},[237,629,247],{"class":243},[237,631,383],{"class":382},[237,633,247],{"class":243},[237,635,256],{"class":243},[237,637,247],{"class":243},[237,639,446],{"class":261},[237,641,247],{"class":243},[237,643,267],{"class":243},[237,645,247],{"class":243},[237,647,401],{"class":382},[237,649,247],{"class":243},[237,651,256],{"class":243},[237,653,247],{"class":243},[237,655,39],{"class":261},[237,657,247],{"class":243},[237,659,267],{"class":243},[237,661,247],{"class":243},[237,663,493],{"class":382},[237,665,247],{"class":243},[237,667,256],{"class":243},[237,669,247],{"class":243},[237,671,672],{"class":261},"Date & Time",[237,674,247],{"class":243},[237,676,267],{"class":243},[237,678,247],{"class":243},[237,680,511],{"class":382},[237,682,247],{"class":243},[237,684,256],{"class":243},[237,686,247],{"class":243},[237,688,689],{"class":261},"2026-02-14T14:30",[237,691,247],{"class":243},[237,693,267],{"class":243},[237,695,247],{"class":243},[237,697,139],{"class":382},[237,699,247],{"class":243},[237,701,613],{"class":243},[237,703,247],{"class":243},[237,705,142],{"class":382},[237,707,247],{"class":243},[237,709,710],{"class":243},":true}\n",[237,712,714],{"class":239,"line":713},7,[237,715,716],{"class":243},"]}}\n",[123,718,720],{"id":719},"properties","Properties",[128,722,723,742],{},[131,724,725],{},[134,726,727,730,733,736,739],{},[137,728,729],{},"Property",[137,731,732],{},"Type",[137,734,735],{},"Required",[137,737,738],{},"Default",[137,740,741],{},"Description",[150,743,744,764,783,800,816,832],{},[134,745,746,750,753,756,761],{},[155,747,748],{},[158,749,511],{},[155,751,752],{},"string",[155,754,755],{},"✅",[155,757,758],{},[158,759,760],{},"\"\"",[155,762,763],{},"Current value (ISO format)",[134,765,766,770,773,776,780],{},[155,767,768],{},[158,769,139],{},[155,771,772],{},"boolean",[155,774,775],{},"—",[155,777,778],{},[158,779,160],{},[155,781,782],{},"Show date input",[134,784,785,789,791,793,797],{},[155,786,787],{},[158,788,142],{},[155,790,772],{},[155,792,775],{},[155,794,795],{},[158,796,166],{},[155,798,799],{},"Show time input",[134,801,802,807,809,811,813],{},[155,803,804],{},[158,805,806],{},"min",[155,808,752],{},[155,810,775],{},[155,812,775],{},[155,814,815],{},"Minimum allowed value",[134,817,818,823,825,827,829],{},[155,819,820],{},[158,821,822],{},"max",[155,824,752],{},[155,826,775],{},[155,828,775],{},[155,830,831],{},"Maximum allowed value",[134,833,834,838,840,842,844],{},[155,835,836],{},[158,837,493],{},[155,839,752],{},[155,841,775],{},[155,843,775],{},[155,845,846],{},"Label above the input",[123,848,850],{"id":849},"try-it","Try It",[212,852,853,854,859],{},"Copy the JSONL above and paste it in the ",[855,856,858],"a",{"href":857},"/playground","Playground"," Paste tab.",[861,862,863],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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 .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);}",{"title":233,"searchDepth":240,"depth":318,"links":865},[866,867,868,869],{"id":125,"depth":318,"text":126},{"id":225,"depth":318,"text":226},{"id":719,"depth":318,"text":720},{"id":849,"depth":318,"text":850},"Date, time, or datetime input with auto-detection.","md",null,{},true,{"title":39,"description":870},"Wp59jsElU7aPceD67OYaKwEVqDy2TX3DFfgSFm38W84",[878,880],{"title":35,"path":36,"stem":37,"description":879,"children":-1},"Overlay dialog with trigger element and content.",{"title":43,"path":44,"stem":45,"description":881,"children":-1},"Responsive image display with fit and sizing options.",1771187321363]