xqubo.js","/_next/static/immutable/chunks/0tm1hg_7u0g7y.js","/_next/static/immutable/chunks/20-dpl84xkz4t.js"],"DocsDescription"] 1c:I[266557,["/_next/static/immutable/chunks/2euby72lpvo29.js","/_next/static/immutable/chunks/3a2_wid692aan.js","/_next/static/immutable/chunks/1l4_pjm2zifig.js","/_next/static/immutable/chunks/0r758sp_ytk86.js","/_next/static/immutable/chunks/2maguxep4j1ia.js","/_next/static/immutable/chunks/2lcvyiztg6-15.js","/_next/static/immutable/chunks/1qp45r_0d__w7.js","/_next/static/immutable/chunks/3v1sj9it_drj6.js","/_next/static/immutable/chunks/19lbt_5idh5y4.js","/_next/static/immutable/chunks/0q_9n2ufahmkd.js","/_next/static/immutable/chunks/2udoh2rvykgcs.js","/_next/static/immutable/chunks/2pk8hpz1xqubo.js","/_next/static/immutable/chunks/0tm1hg_7u0g7y.js","/_next/static/immutable/chunks/20-dpl84xkz4t.js"],"LLMCopyButton"] 1d:I[266557,["/_next/static/immutable/chunks/2euby72lpvo29.js","/_next/static/immutable/chunks/3a2_wid692aan.js","/_next/static/immutable/chunks/1l4_pjm2zifig.js","/_next/static/immutable/chunks/0r758sp_ytk86.js","/_next/static/immutable/chunks/2maguxep4j1ia.js","/_next/static/immutable/chunks/2lcvyiztg6-15.js","/_next/static/immutable/chunks/1qp45r_0d__w7.js","/_next/static/immutable/chunks/3v1sj9it_drj6.js","/_next/static/immutable/chunks/19lbt_5idh5y4.js","/_next/static/immutable/chunks/0q_9n2ufahmkd.js","/_next/static/immutable/chunks/2udoh2rvykgcs.js","/_next/static/immutable/chunks/2pk8hpz1xqubo.js","/_next/static/immutable/chunks/0tm1hg_7u0g7y.js","/_next/static/immutable/chunks/20-dpl84xkz4t.js"],"ViewOptions"] 1e:I[987355,["/_next/static/immutable/chunks/2euby72lpvo29.js","/_next/static/immutable/chunks/3a2_wid692aan.js","/_next/static/immutable/chunks/1l4_pjm2zifig.js","/_next/static/immutable/chunks/0r758sp_ytk86.js","/_next/static/immutable/chunks/2maguxep4j1ia.js","/_next/static/immutable/chunks/2lcvyiztg6-15.js","/_next/static/immutable/chunks/1qp45r_0d__w7.js","/_next/static/immutable/chunks/3v1sj9it_drj6.js","/_next/static/immutable/chunks/19lbt_5idh5y4.js","/_next/static/immutable/chunks/0q_9n2ufahmkd.js","/_next/static/immutable/chunks/2udoh2rvykgcs.js","/_next/static/immutable/chunks/2pk8hpz1xqubo.js","/_next/static/immutable/chunks/0tm1hg_7u0g7y.js","/_next/static/immutable/chunks/20-dpl84xkz4t.js"],"DocsBody"] 1f:I[655601,["/_next/static/immutable/chunks/2euby72lpvo29.js","/_next/static/immutable/chunks/3a2_wid692aan.js","/_next/static/immutable/chunks/1l4_pjm2zifig.js","/_next/static/immutable/chunks/0r758sp_ytk86.js","/_next/static/immutable/chunks/2maguxep4j1ia.js","/_next/static/immutable/chunks/2lcvyiztg6-15.js","/_next/static/immutable/chunks/1qp45r_0d__w7.js","/_next/static/immutable/chunks/3v1sj9it_drj6.js","/_next/static/immutable/chunks/19lbt_5idh5y4.js","/_next/static/immutable/chunks/0q_9n2ufahmkd.js","/_next/static/immutable/chunks/2udoh2rvykgcs.js","/_next/static/immutable/chunks/2pk8hpz1xqubo.js","/_next/static/immutable/chunks/0tm1hg_7u0g7y.js","/_next/static/immutable/chunks/20-dpl84xkz4t.js"],"ComponentRenderPreview"] 20:I[353803,["/_next/static/immutable/chunks/2euby72lpvo29.js","/_next/static/immutable/chunks/3a2_wid692aan.js","/_next/static/immutable/chunks/1l4_pjm2zifig.js","/_next/static/immutable/chunks/0r758sp_ytk86.js","/_next/static/immutable/chunks/2maguxep4j1ia.js","/_next/static/immutable/chunks/2lcvyiztg6-15.js","/_next/static/immutable/chunks/1qp45r_0d__w7.js","/_next/static/immutable/chunks/3v1sj9it_drj6.js","/_next/static/immutable/chunks/19lbt_5idh5y4.js","/_next/static/immutable/chunks/0q_9n2ufahmkd.js","/_next/static/immutable/chunks/2udoh2rvykgcs.js","/_next/static/immutable/chunks/2pk8hpz1xqubo.js","/_next/static/immutable/chunks/0tm1hg_7u0g7y.js","/_next/static/immutable/chunks/20-dpl84xkz4t.js"],"Label"] 21:I[487570,["/_next/static/immutable/chunks/2euby72lpvo29.js","/_next/static/immutable/chunks/3a2_wid692aan.js","/_next/static/immutable/chunks/1l4_pjm2zifig.js","/_next/static/immutable/chunks/0r758sp_ytk86.js","/_next/static/immutable/chunks/2maguxep4j1ia.js","/_next/static/immutable/chunks/2lcvyiztg6-15.js","/_next/static/immutable/chunks/1qp45r_0d__w7.js","/_next/static/immutable/chunks/3v1sj9it_drj6.js","/_next/static/immutable/chunks/19lbt_5idh5y4.js","/_next/static/immutable/chunks/0q_9n2ufahmkd.js","/_next/static/immutable/chunks/2udoh2rvykgcs.js","/_next/static/immutable/chunks/2pk8hpz1xqubo.js","/_next/static/immutable/chunks/0tm1hg_7u0g7y.js","/_next/static/immutable/chunks/20-dpl84xkz4t.js"],"DateTimeInput"] 22:I[655601,["/_next/static/immutable/chunks/2euby72lpvo29.js","/_next/static/immutable/chunks/3a2_wid692aan.js","/_next/static/immutable/chunks/1l4_pjm2zifig.js","/_next/static/immutable/chunks/0r758sp_ytk86.js","/_next/static/immutable/chunks/2maguxep4j1ia.js","/_next/static/immutable/chunks/2lcvyiztg6-15.js","/_next/static/immutable/chunks/1qp45r_0d__w7.js","/_next/static/immutable/chunks/3v1sj9it_drj6.js","/_next/static/immutable/chunks/19lbt_5idh5y4.js","/_next/static/immutable/chunks/0q_9n2ufahmkd.js","/_next/static/immutable/chunks/2udoh2rvykgcs.js","/_next/static/immutable/chunks/2pk8hpz1xqubo.js","/_next/static/immutable/chunks/0tm1hg_7u0g7y.js","/_next/static/immutable/chunks/20-dpl84xkz4t.js"],"ComponentRenderCode"] 23:I[674056,["/_next/static/immutable/chunks/2euby72lpvo29.js","/_next/static/immutable/chunks/3a2_wid692aan.js","/_next/static/immutable/chunks/1l4_pjm2zifig.js","/_next/static/immutable/chunks/0r758sp_ytk86.js","/_next/static/immutable/chunks/2maguxep4j1ia.js","/_next/static/immutable/chunks/2lcvyiztg6-15.js","/_next/static/immutable/chunks/1qp45r_0d__w7.js","/_next/static/immutable/chunks/3v1sj9it_drj6.js","/_next/static/immutable/chunks/19lbt_5idh5y4.js","/_next/static/immutable/chunks/0q_9n2ufahmkd.js","/_next/static/immutable/chunks/2udoh2rvykgcs.js","/_next/static/immutable/chunks/2pk8hpz1xqubo.js","/_next/static/immutable/chunks/0tm1hg_7u0g7y.js","/_next/static/immutable/chunks/20-dpl84xkz4t.js"],"CodeBlock"] 2d:I[674056,["/_next/static/immutable/chunks/2euby72lpvo29.js","/_next/static/immutable/chunks/3a2_wid692aan.js","/_next/static/immutable/chunks/1l4_pjm2zifig.js","/_next/static/immutable/chunks/0r758sp_ytk86.js","/_next/static/immutable/chunks/2maguxep4j1ia.js","/_next/static/immutable/chunks/2lcvyiztg6-15.js","/_next/static/immutable/chunks/1qp45r_0d__w7.js","/_next/static/immutable/chunks/3v1sj9it_drj6.js","/_next/static/immutable/chunks/19lbt_5idh5y4.js","/_next/static/immutable/chunks/0q_9n2ufahmkd.js","/_next/static/immutable/chunks/2udoh2rvykgcs.js","/_next/static/immutable/chunks/2pk8hpz1xqubo.js","/_next/static/immutable/chunks/0tm1hg_7u0g7y.js","/_next/static/immutable/chunks/20-dpl84xkz4t.js"],"Pre"] 39:I[192969,["/_next/static/immutable/chunks/2euby72lpvo29.js","/_next/static/immutable/chunks/3a2_wid692aan.js","/_next/static/immutable/chunks/1l4_pjm2zifig.js","/_next/static/immutable/chunks/0r758sp_ytk86.js","/_next/static/immutable/chunks/2maguxep4j1ia.js","/_next/static/immutable/chunks/2lcvyiztg6-15.js","/_next/static/immutable/chunks/1qp45r_0d__w7.js","/_next/static/immutable/chunks/3v1sj9it_drj6.js","/_next/static/immutable/chunks/19lbt_5idh5y4.js","/_next/static/immutable/chunks/0q_9n2ufahmkd.js","/_next/static/immutable/chunks/2udoh2rvykgcs.js","/_next/static/immutable/chunks/2pk8hpz1xqubo.js","/_next/static/immutable/chunks/0tm1hg_7u0g7y.js","/_next/static/immutable/chunks/20-dpl84xkz4t.js"],"Heading"] 40:I[137131,["/_next/static/immutable/chunks/2euby72lpvo29.js","/_next/static/immutable/chunks/3a2_wid692aan.js","/_next/static/immutable/chunks/1l4_pjm2zifig.js","/_next/static/immutable/chunks/0r758sp_ytk86.js","/_next/static/immutable/chunks/2maguxep4j1ia.js","/_next/static/immutable/chunks/2lcvyiztg6-15.js","/_next/static/immutable/chunks/1qp45r_0d__w7.js","/_next/static/immutable/chunks/3v1sj9it_drj6.js","/_next/static/immutable/chunks/19lbt_5idh5y4.js","/_next/static/immutable/chunks/0q_9n2ufahmkd.js","/_next/static/immutable/chunks/2udoh2rvykgcs.js","/_next/static/immutable/chunks/2pk8hpz1xqubo.js","/_next/static/immutable/chunks/0tm1hg_7u0g7y.js","/_next/static/immutable/chunks/20-dpl84xkz4t.js"],"InputGroup"] 41:I[137131,["/_next/static/immutable/chunks/2euby72lpvo29.js","/_next/static/immutable/chunks/3a2_wid692aan.js","/_next/static/immutable/chunks/1l4_pjm2zifig.js","/_next/static/immutable/chunks/0r758sp_ytk86.js","/_next/static/immutable/chunks/2maguxep4j1ia.js","/_next/static/immutable/chunks/2lcvyiztg6-15.js","/_next/static/immutable/chunks/1qp45r_0d__w7.js","/_next/static/immutable/chunks/3v1sj9it_drj6.js","/_next/static/immutable/chunks/19lbt_5idh5y4.js","/_next/static/immutable/chunks/0q_9n2ufahmkd.js","/_next/static/immutable/chunks/2udoh2rvykgcs.js","/_next/static/immutable/chunks/2pk8hpz1xqubo.js","/_next/static/immutable/chunks/0tm1hg_7u0g7y.js","/_next/static/immutable/chunks/20-dpl84xkz4t.js"],"InputGroupDateTimeInput"] 42:I[137131,["/_next/static/immutable/chunks/2euby72lpvo29.js","/_next/static/immutable/chunks/3a2_wid692aan.js","/_next/static/immutable/chunks/1l4_pjm2zifig.js","/_next/static/immutable/chunks/0r758sp_ytk86.js","/_next/static/immutable/chunks/2maguxep4j1ia.js","/_next/static/immutable/chunks/2lcvyiztg6-15.js","/_next/static/immutable/chunks/1qp45r_0d__w7.js","/_next/static/immutable/chunks/3v1sj9it_drj6.js","/_next/static/immutable/chunks/19lbt_5idh5y4.js","/_next/static/immutable/chunks/0q_9n2ufahmkd.js","/_next/static/immutable/chunks/2udoh2rvykgcs.js","/_next/static/immutable/chunks/2pk8hpz1xqubo.js","/_next/static/immutable/chunks/0tm1hg_7u0g7y.js","/_next/static/immutable/chunks/20-dpl84xkz4t.js"],"InputGroupAddon"] 43:I[808128,["/_next/static/immutable/chunks/2euby72lpvo29.js","/_next/static/immutable/chunks/3a2_wid692aan.js","/_next/static/immutable/chunks/1l4_pjm2zifig.js","/_next/static/immutable/chunks/0r758sp_ytk86.js","/_next/static/immutable/chunks/2maguxep4j1ia.js","/_next/static/immutable/chunks/2lcvyiztg6-15.js","/_next/static/immutable/chunks/1qp45r_0d__w7.js","/_next/static/immutable/chunks/3v1sj9it_drj6.js","/_next/static/immutable/chunks/19lbt_5idh5y4.js","/_next/static/immutable/chunks/0q_9n2ufahmkd.js","/_next/static/immutable/chunks/2udoh2rvykgcs.js","/_next/static/immutable/chunks/2pk8hpz1xqubo.js","/_next/static/immutable/chunks/0tm1hg_7u0g7y.js","/_next/static/immutable/chunks/20-dpl84xkz4t.js"],"default"] 55:I[253056,["/_next/static/immutable/chunks/2euby72lpvo29.js","/_next/static/immutable/chunks/3a2_wid692aan.js","/_next/static/immutable/chunks/1l4_pjm2zifig.js","/_next/static/immutable/chunks/0r758sp_ytk86.js","/_next/static/immutable/chunks/2maguxep4j1ia.js","/_next/static/immutable/chunks/2lcvyiztg6-15.js","/_next/static/immutable/chunks/1qp45r_0d__w7.js","/_next/static/immutable/chunks/3v1sj9it_drj6.js"],"IconMark"] 7:["$","$L10",null,{"href":"/","className":"inline-flex items-center gap-2 font-medium","children":[["$","svg",null,{"viewBox":"0 0 120.09 141.73","className":"size-5","children":[["$","title",null,{"children":"Tulip Logo Icon"}],["$","defs",null,{"children":[["$","linearGradient",null,{"id":"tulip-symbol-gradient","x1":"60.5","y1":"0","x2":"60.5","y2":"141.73","gradientUnits":"userSpaceOnUse","children":[["$","stop",null,{"offset":"0","stopColor":"#ffc754"}],["$","stop",null,{"offset":"1","stopColor":"#ff1800"}]]}],["$","linearGradient",null,{"id":"tulip-symbol-gradient-2","x1":"72.4","y1":"5.81","x2":"72.4","y2":"141.73","xlinkHref":"#tulip-symbol-gradient"}],["$","linearGradient",null,{"id":"tulip-symbol-gradient-3","x1":"47.69","y1":"5.81","x2":"47.69","y2":"141.73","xlinkHref":"#tulip-symbol-gradient"}]]}],["$","g",null,{"children":["$","g",null,{"children":[["$","path",null,{"d":"M107.88,93.09c0-35.95-47.38-93.09-47.38-93.09,0,0-47.39,57.14-47.38,93.09,0,26.17,21.21,48.64,47.38,48.64,26.17,0,47.39-22.47,47.38-48.64Z","style":{"fill":"url(#tulip-symbol-gradient)","opacity":0.75}}],["$","path",null,{"d":"M116.68,109.5c12.3-33.78-12.69-103.68-12.69-103.68,0,0-64.07,37.49-76.37,71.27-8.95,24.59,3.3,52.97,27.89,61.92,24.59,8.95,52.21-4.91,61.16-29.5Z","style":{"fill":"url(#tulip-symbol-gradient-2)","opacity":0.75}}],["$","path",null,{"d":"M92.46,77.09C80.16,43.3,16.09,5.81,16.09,5.81c0,0-24.98,69.9-12.69,103.68,8.95,24.59,36.57,38.45,61.16,29.5,24.59-8.95,36.84-37.32,27.89-61.92Z","style":{"fill":"url(#tulip-symbol-gradient-3)","opacity":0.75}}]]}]}]]}],["$","span",null,{"children":"Tulip"}]]}] 8:["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}] 9:["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] a:["$","$1","c",{"children":["$L11",[["$","script","script-0",{"src":"/_next/static/immutable/chunks/20-dpl84xkz4t.js","async":true,"nonce":"$undefined"}]],["$","$L12",null,{"children":["$","$13",null,{"name":"Next.MetadataOutlet","children":"$@14"}]}]]}] c:["$","$1","h",{"children":[null,["$","$L15",null,{"children":"$L16"}],["$","div",null,{"hidden":true,"children":["$","$L17",null,{"children":["$","$13",null,{"name":"Next.Metadata","children":"$L18"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}] e:["$","link","0",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/3o4k02w_o-c_o.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}] f:["$","link","1",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/2fk_viigeddax.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}] b:C 24:Tb41,11:["$","$L19",null,{"toc":[{"depth":2,"url":"#usage","title":"Usage"},{"depth":2,"url":"#examples","title":"Examples"},{"depth":3,"url":"#icon","title":"Icon"}],"full":"$undefined","children":[["$","$L1a",null,{"children":"Date Time Input"}],["$","$L1b",null,{"className":"mb-0","children":"Displays a native date and time input field."}],["$","div",null,{"className":"flex flex-row items-center gap-2 border-b pb-6","children":[["$","$L1c",null,{"markdownUrl":"/llms.mdx/docs/main/ui/input-date-time"}],["$","$L1d",null,{"markdownUrl":"/llms.mdx/docs/main/ui/input-date-time","githubUrl":"https://github.com/NewCodeDevelopment/tulip/blob/main/apps/docs/src/content/docs/main/ui/input-date-time.mdx"}]]}],["$","$L1e",null,{"children":[["$","$L1f",null,{"children":["$","div",null,{"className":"grid w-full max-w-sm items-center gap-2","children":[["$","$L20",null,{"htmlFor":"date-time","children":"Date time"}],["$","$L21",null,{"id":"date-time"}]]}]}],"\n",["$","$L22",null,{"children":["$","$L23",null,{"className":"shiki shiki-themes github-light github-dark","style":{"--shiki-light":"#24292e","--shiki-dark":"#e1e4e8","--shiki-light-bg":"#fff","--shiki-dark-bg":"#24292e"},"tabIndex":"0","icon":"$24","children":"$L25"}]}],"\n","$L26","\n","$L27","\n","$L28","\n","$L29","\n","$L2a","\n","$L2b","\n","$L2c"]}]]}] 25:["$","$L2d",null,{"children":["$","code",null,{"children":[["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"import"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" { Label } "}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"from"}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":" \"@tulip-systems/ui/label\""}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":";"}]]}],"\n",["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"import"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" { DateTimeInput } "}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"from"}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":" \"@tulip-systems/ui/input-date-time\""}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":";"}]]}],"\n",["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"import"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" {"}]]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" InputGroup,"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" InputGroupAddon,"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" InputGroupDateTimeInput,"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" InputGroupButton,"}]}],"\n",["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":"} "}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"from"}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":" \"@tulip-systems/ui/input-group\""}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":";"}]]}],"\n",["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"import"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" { DateTimeInput } "}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"from"}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":" \"@tulip-systems/ui/input-date-time\""}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":";"}]]}],"\n",["$","span",null,{"className":"line"}],"\n",["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"export"}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":" function"}],["$","span",null,{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"children":" DateTimeInputDemo"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":"() {"}]]}],"\n",["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":" return"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" ("}]]}],"\n",["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" <"}],["$","span",null,{"style":{"--shiki-light":"#22863A","--shiki-dark":"#85E89D"},"children":"div"}],["$","span",null,{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"children":" className"}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"="}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":"\"grid w-full max-w-sm items-center gap-2\""}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":">"}]]}],"\n",["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" <"}],"$L2e","$L2f","$L30","$L31","$L32","$L33","$L34"]}],"\n","$L35","\n","$L36","\n","$L37","\n","$L38"]}]}] 26:["$","$L39",null,{"as":"h2","id":"usage","children":"Usage"}] 3a:Tb41,27:["$","$L23",null,{"className":"shiki shiki-themes github-light github-dark","style":{"--shiki-light":"#24292e","--shiki-dark":"#e1e4e8","--shiki-light-bg":"#fff","--shiki-dark-bg":"#24292e"},"tabIndex":"0","icon":"$3a","children":["$","$L2d",null,{"children":["$","code",null,{"children":["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"import"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" { DateTimeInput } "}],"$L3b","$L3c","$L3d"]}]}]}]}] 3e:Tb41,28:["$","$L23",null,{"className":"shiki shiki-themes github-light github-dark","style":{"--shiki-light":"#24292e","--shiki-dark":"#e1e4e8","--shiki-light-bg":"#fff","--shiki-dark-bg":"#24292e"},"tabIndex":"0","icon":"$3e","children":["$","$L2d",null,{"children":["$","code",null,{"children":["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":"<"}],["$","span",null,{"style":{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},"children":"DateTimeInput"}],"$L3f"]}]}]}]}] 29:["$","$L39",null,{"as":"h2","id":"examples","children":"Examples"}] 2a:["$","$L39",null,{"as":"h3","id":"icon","children":"Icon"}] 2b:["$","$L1f",null,{"children":["$","$L40",null,{"children":[["$","$L41",null,{"defaultValue":"10:30"}],["$","$L42",null,{"children":["$","$L43",null,{"ref":"$undefined","iconNode":[["path",{"d":"M16 14v2.2l1.6 1","key":"fo4ql5"}],["path",{"d":"M16 2v3","key":"otl347"}],["path",{"d":"M21 7.338V5a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h2.338","key":"7hb8p4"}],["path",{"d":"M3 9h5.859","key":"numkqi"}],["path",{"d":"M8 2v3","key":"1ioesn"}],["circle",{"cx":"16","cy":"16","r":"6","key":"qoo3c4"}]],"className":"lucide-calendar-clock text-muted-foreground"}]}]]}]}] 44:Tb41,2c:["$","$L22",null,{"children":["$","$L23",null,{"className":"shiki shiki-themes github-light github-dark","style":{"--shiki-light":"#24292e","--shiki-dark":"#e1e4e8","--shiki-light-bg":"#fff","--shiki-dark-bg":"#24292e"},"tabIndex":"0","icon":"$44","children":["$","$L2d",null,{"children":["$","code",null,{"children":[["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"import"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" { InputGroup } "}],"$L45","$L46","$L47"]}],"\n","$L48","\n","$L49","\n","$L4a","\n","$L4b","\n","$L4c","\n","$L4d","\n","$L4e","\n","$L4f","\n","$L50","\n","$L51","\n","$L52","\n","$L53","\n","$L54"]}]}]}]}] 2e:["$","span",null,{"style":{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},"children":"Label"}] 2f:["$","span",null,{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"children":" htmlFor"}] 30:["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"="}] 31:["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":"\"date-time\""}] 32:["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":">Date time"}] 35:["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" <"}],["$","span",null,{"style":{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},"children":"DateTimeInput"}],["$","span",null,{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"children":" id"}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"="}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":"\"date-time\""}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" />"}]]}] 36:["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" "}]]}] 37:["$","span",null,{"className":"line","children":["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" );"}]}] 38:["$","span",null,{"className":"line","children":["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":"}"}]}] 3b:["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"from"}] 3c:["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":" \"@tulip-systems/ui/input-date-time\""}] 3d:["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":";"}] 3f:["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" />"}] 45:["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"from"}] 46:["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":" \"@tulip-systems/ui/input-group\""}] 47:["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":";"}] 48:["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"import"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" { InputGroupAddon, InputGroupDateTimeInput } "}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"from"}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":" \"@tulip-systems/ui/input-group\""}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":";"}]]}] 49:["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"import"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" { CalendarClockIcon } "}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"from"}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":" \"lucide-react\""}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":";"}]]}] 4a:["$","span",null,{"className":"line"}] 4b:["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"export"}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":" function"}],["$","span",null,{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"children":" DateInputWithIcon"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":"() {"}]]}] 4c:["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":" return"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" ("}]]}] 4d:["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" <"}],["$","span",null,{"style":{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},"children":"InputGroup"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":">"}]]}] 4e:["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" <"}],["$","span",null,{"style":{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},"children":"InputGroupDateTimeInput"}],["$","span",null,{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"children":" defaultValue"}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"="}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":"\"10:30\""}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" />"}]]}] 4f:["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" <"}],["$","span",null,{"style":{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},"children":"InputGroupAddon"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":">"}]]}] 50:["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" <"}],["$","span",null,{"style":{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},"children":"CalendarClockIcon"}],["$","span",null,{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"children":" className"}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"="}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":"\"text-muted-foreground\""}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" />"}]]}] 51:["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" "}]]}] 52:["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" "}]]}] 53:["$","span",null,{"className":"line","children":["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" );"}]}] 54:["$","span",null,{"className":"line","children":["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":"}"}]}] 16:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]] 14:null 18:[["$","title","0",{"children":"Date Time Input"}],["$","meta","1",{"name":"description","content":"Displays a native date and time input field."}],["$","meta","2",{"property":"og:title","content":"Date Time Input"}],["$","meta","3",{"property":"og:description","content":"Displays a native date and time input field."}],["$","meta","4",{"property":"og:image","content":"https://www.tulip.systems/og/docs/main/ui/input-date-time/image.png"}],["$","meta","5",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","6",{"name":"twitter:title","content":"Date Time Input"}],["$","meta","7",{"name":"twitter:description","content":"Displays a native date and time input field."}],["$","meta","8",{"name":"twitter:image","content":"https://www.tulip.systems/og/docs/main/ui/input-date-time/image.png"}],["$","link","9",{"rel":"icon","href":"/favicon.ico?favicon.1zg0pgdky2x3c.ico","sizes":"32x32","type":"image/x-icon"}],["$","link","10",{"rel":"apple-touch-icon","href":"/apple-icon.png?apple-icon.319ul96b5r_og.png","sizes":"180x180","type":"image/png"}],["$","$L55","11",{}]]

Date Time Input

View Code

Usage

Examples

Icon

View Code

On this page