[{"data":1,"prerenderedAt":1728},["ShallowReactive",2],{"navigation":3,"\u002Fnuxt-module\u002Fcwa-layer\u002Fdate-pickers":409,"\u002Fnuxt-module\u002Fcwa-layer\u002Fdate-pickers-surround":1723},[4,14,36,69,144,384],{"title":5,"path":6,"stem":7,"children":8},"Introduction","\u002Fgetting-started","1.getting-started\u002F1.index",[9,10],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":15,"path":16,"stem":17,"children":18,"page":35},"Guides","\u002Fguides","2.guides",[19,23,27,31],{"title":20,"path":21,"stem":22},"Your First Layout","\u002Fguides\u002Fyour-first-layout","2.guides\u002F1.your-first-layout",{"title":24,"path":25,"stem":26},"Your First Page Template","\u002Fguides\u002Fyour-first-page-template","2.guides\u002F2.your-first-page-template",{"title":28,"path":29,"stem":30},"Your First Component","\u002Fguides\u002Fyour-first-component","2.guides\u002F3.your-first-component",{"title":32,"path":33,"stem":34},"Alternative UI Variants","\u002Fguides\u002Falternative-ui-variants","2.guides\u002F4.alternative-ui-variants",false,{"title":37,"path":38,"stem":39,"children":40,"page":35},"Core Concepts","\u002Fcore-concepts","3.core-concepts",[41,45,49,53,57,61,65],{"title":42,"path":43,"stem":44},"How It All Works","\u002Fcore-concepts\u002Farchitecture","3.core-concepts\u002F1.architecture",{"title":46,"path":47,"stem":48},"The Data Model","\u002Fcore-concepts\u002Fthe-data-model","3.core-concepts\u002F2.the-data-model",{"title":50,"path":51,"stem":52},"Layouts & Pages","\u002Fcore-concepts\u002Flayouts-and-pages","3.core-concepts\u002F3.layouts-and-pages",{"title":54,"path":55,"stem":56},"Dynamic Pages","\u002Fcore-concepts\u002Fdynamic-pages","3.core-concepts\u002F4.dynamic-pages",{"title":58,"path":59,"stem":60},"Components","\u002Fcore-concepts\u002Fcomponents","3.core-concepts\u002F5.components",{"title":62,"path":63,"stem":64},"Draft & Publish Workflow","\u002Fcore-concepts\u002Fdraft-and-publish","3.core-concepts\u002F6.draft-and-publish",{"title":66,"path":67,"stem":68},"The Admin Panel","\u002Fcore-concepts\u002Fadmin-panel","3.core-concepts\u002F7.admin-panel",{"title":70,"path":71,"stem":72,"children":73,"page":35},"Api","\u002Fapi","4.api",[74,78,120,124,128,132,136,140],{"title":75,"path":76,"stem":77},"Bundle Setup","\u002Fapi\u002Fbundle-setup","4.api\u002F1.bundle-setup",{"title":58,"path":79,"stem":80,"children":81,"page":35},"\u002Fapi\u002Fcomponents","4.api\u002F2.components",[82,86,107],{"title":83,"path":84,"stem":85},"Creating Components","\u002Fapi\u002Fcomponents\u002Fcreating-components","4.api\u002F2.components\u002F1.creating-components",{"title":87,"path":88,"stem":89,"children":90,"page":35},"Annotations","\u002Fapi\u002Fcomponents\u002Fannotations","4.api\u002F2.components\u002F2.annotations",[91,95,99,103],{"title":92,"path":93,"stem":94},"Publishable","\u002Fapi\u002Fcomponents\u002Fannotations\u002Fpublishable","4.api\u002F2.components\u002F2.annotations\u002F1.publishable",{"title":96,"path":97,"stem":98},"Uploadable","\u002Fapi\u002Fcomponents\u002Fannotations\u002Fuploadable","4.api\u002F2.components\u002F2.annotations\u002F2.uploadable",{"title":100,"path":101,"stem":102},"Timestamped","\u002Fapi\u002Fcomponents\u002Fannotations\u002Ftimestamped","4.api\u002F2.components\u002F2.annotations\u002F3.timestamped",{"title":104,"path":105,"stem":106},"Explicit Allow Only","\u002Fapi\u002Fcomponents\u002Fannotations\u002Fexplicit-allow-only","4.api\u002F2.components\u002F2.annotations\u002F4.explicit-allow-only",{"title":108,"path":109,"stem":110,"children":111,"page":35},"Built Ins","\u002Fapi\u002Fcomponents\u002Fbuilt-ins","4.api\u002F2.components\u002F3.built-ins",[112,116],{"title":113,"path":114,"stem":115},"Collection Component","\u002Fapi\u002Fcomponents\u002Fbuilt-ins\u002Fcollection-component","4.api\u002F2.components\u002F3.built-ins\u002F1.collection-component",{"title":117,"path":118,"stem":119},"Form Component","\u002Fapi\u002Fcomponents\u002Fbuilt-ins\u002Fform-component","4.api\u002F2.components\u002F3.built-ins\u002F2.form-component",{"title":121,"path":122,"stem":123},"Dynamic & Nested Pages","\u002Fapi\u002Fdynamic-pages","4.api\u002F3.dynamic-pages",{"title":125,"path":126,"stem":127},"Users & Security","\u002Fapi\u002Fusers-and-security","4.api\u002F4.users-and-security",{"title":129,"path":130,"stem":131},"Data Fixtures","\u002Fapi\u002Fdata-fixtures","4.api\u002F5.data-fixtures",{"title":133,"path":134,"stem":135},"Configuration Reference","\u002Fapi\u002Fconfiguration","4.api\u002F6.configuration",{"title":137,"path":138,"stem":139},"Console Commands","\u002Fapi\u002Fconsole-commands","4.api\u002F7.console-commands",{"title":141,"path":142,"stem":143},"Debugging & Profiler","\u002Fapi\u002Fdebugging","4.api\u002F8.debugging",{"title":145,"path":146,"stem":147,"children":148,"page":35},"Nuxt Module","\u002Fnuxt-module","5.nuxt-module",[149,153,157,161,174,194,215,248,332,356,360],{"title":150,"path":151,"stem":152},"Module Setup","\u002Fnuxt-module\u002Fmodule-setup","5.nuxt-module\u002F1.module-setup",{"title":154,"path":155,"stem":156},"PWA & Offline","\u002Fnuxt-module\u002Fpwa","5.nuxt-module\u002F10.pwa",{"title":158,"path":159,"stem":160},"Page Caching","\u002Fnuxt-module\u002Fpage-caching","5.nuxt-module\u002F11.page-caching",{"title":162,"path":163,"stem":164,"children":165,"page":35},"Configuration","\u002Fnuxt-module\u002Fconfiguration","5.nuxt-module\u002F2.configuration",[166,170],{"title":167,"path":168,"stem":169},"Nuxt Config","\u002Fnuxt-module\u002Fconfiguration\u002Fnuxt-config","5.nuxt-module\u002F2.configuration\u002F1.nuxt-config",{"title":171,"path":172,"stem":173},"Site Config & SEO","\u002Fnuxt-module\u002Fconfiguration\u002Fsite-config-and-seo","5.nuxt-module\u002F2.configuration\u002F2.site-config-and-seo",{"title":175,"path":176,"stem":177,"children":178,"page":35},"Building Your Ui","\u002Fnuxt-module\u002Fbuilding-your-ui","5.nuxt-module\u002F3.building-your-ui",[179,183,187,190],{"title":180,"path":181,"stem":182},"Layouts","\u002Fnuxt-module\u002Fbuilding-your-ui\u002Fcreating-layouts","5.nuxt-module\u002F3.building-your-ui\u002F1.creating-layouts",{"title":184,"path":185,"stem":186},"Page Templates","\u002Fnuxt-module\u002Fbuilding-your-ui\u002Fcreating-page-templates","5.nuxt-module\u002F3.building-your-ui\u002F2.creating-page-templates",{"title":83,"path":188,"stem":189},"\u002Fnuxt-module\u002Fbuilding-your-ui\u002Fcreating-components","5.nuxt-module\u002F3.building-your-ui\u002F3.creating-components",{"title":191,"path":192,"stem":193},"CLI Generator","\u002Fnuxt-module\u002Fbuilding-your-ui\u002Fcwa-cli","5.nuxt-module\u002F3.building-your-ui\u002F4.cwa-cli",{"title":195,"path":196,"stem":197,"children":198,"page":35},"Cwa Components","\u002Fnuxt-module\u002Fcwa-components","5.nuxt-module\u002F4.cwa-components",[199,203,207,211],{"title":200,"path":201,"stem":202},"\u003CCwaComponentGroup \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-component-group","5.nuxt-module\u002F4.cwa-components\u002F1.cwa-component-group",{"title":204,"path":205,"stem":206},"\u003CCwaPage \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-page","5.nuxt-module\u002F4.cwa-components\u002F2.cwa-page",{"title":208,"path":209,"stem":210},"\u003CCwaLink \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-link","5.nuxt-module\u002F4.cwa-components\u002F3.cwa-link",{"title":212,"path":213,"stem":214},"\u003CCwaDefaultLayout \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-default-layout","5.nuxt-module\u002F4.cwa-components\u002F5.cwa-default-layout",{"title":216,"path":217,"stem":218,"children":219,"page":35},"Cwa Api","\u002Fnuxt-module\u002Fcwa-api","5.nuxt-module\u002F5.cwa-api",[220,224,228,232,236,240,244],{"title":221,"path":222,"stem":223},"Overview","\u002Fnuxt-module\u002Fcwa-api\u002Foverview","5.nuxt-module\u002F5.cwa-api\u002F1.overview",{"title":225,"path":226,"stem":227},"Resources","\u002Fnuxt-module\u002Fcwa-api\u002Fresources","5.nuxt-module\u002F5.cwa-api\u002F2.resources",{"title":229,"path":230,"stem":231},"Resources Manager","\u002Fnuxt-module\u002Fcwa-api\u002Fresources-manager","5.nuxt-module\u002F5.cwa-api\u002F3.resources-manager",{"title":233,"path":234,"stem":235},"Auth","\u002Fnuxt-module\u002Fcwa-api\u002Fauth","5.nuxt-module\u002F5.cwa-api\u002F4.auth",{"title":237,"path":238,"stem":239},"Forms","\u002Fnuxt-module\u002Fcwa-api\u002Fforms","5.nuxt-module\u002F5.cwa-api\u002F5.forms",{"title":241,"path":242,"stem":243},"Admin","\u002Fnuxt-module\u002Fcwa-api\u002Fadmin","5.nuxt-module\u002F5.cwa-api\u002F6.admin",{"title":245,"path":246,"stem":247},"Site Config","\u002Fnuxt-module\u002Fcwa-api\u002Fsite-config","5.nuxt-module\u002F5.cwa-api\u002F7.site-config",{"title":249,"path":250,"stem":251,"children":252,"page":35},"Composables","\u002Fnuxt-module\u002Fcomposables","5.nuxt-module\u002F6.composables",[253,261,298,315],{"title":254,"path":255,"stem":256,"children":257,"page":35},"Layout","\u002Fnuxt-module\u002Fcomposables\u002Flayout","5.nuxt-module\u002F6.composables\u002F0.layout",[258],{"title":254,"path":259,"stem":260},"\u002Fnuxt-module\u002Fcomposables\u002Flayout\u002Fuse-cwa-layout","5.nuxt-module\u002F6.composables\u002F0.layout\u002F1.use-cwa-layout",{"title":262,"path":263,"stem":264,"children":265,"page":35},"Component","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent","5.nuxt-module\u002F6.composables\u002F1.component",[266,270,274,278,282,286,290,294],{"title":267,"path":268,"stem":269},"Component (recommended)","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-component","5.nuxt-module\u002F6.composables\u002F1.component\u002F0.use-cwa-component",{"title":271,"path":272,"stem":273},"Resource","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-resource","5.nuxt-module\u002F6.composables\u002F1.component\u002F1.use-cwa-resource",{"title":275,"path":276,"stem":277},"Collection Resource","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-collection-resource","5.nuxt-module\u002F6.composables\u002F1.component\u002F2.use-cwa-collection-resource",{"title":279,"path":280,"stem":281},"File Field","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-file-field","5.nuxt-module\u002F6.composables\u002F1.component\u002F3.use-cwa-file-field",{"title":283,"path":284,"stem":285},"Form","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-form","5.nuxt-module\u002F6.composables\u002F1.component\u002F4.use-cwa-form",{"title":287,"path":288,"stem":289},"Form Input","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-form-input","5.nuxt-module\u002F6.composables\u002F1.component\u002F5.use-cwa-form-input",{"title":291,"path":292,"stem":293},"Form Repeated","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-form-repeated","5.nuxt-module\u002F6.composables\u002F1.component\u002F6.use-cwa-form-repeated",{"title":295,"path":296,"stem":297},"Form Collection","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-form-collection","5.nuxt-module\u002F6.composables\u002F1.component\u002F7.use-cwa-form-collection",{"title":299,"path":300,"stem":301,"children":302,"page":35},"Admin Manager","\u002Fnuxt-module\u002Fcomposables\u002Fadmin-manager","5.nuxt-module\u002F6.composables\u002F2.admin-manager",[303,307,311],{"title":304,"path":305,"stem":306},"Manager Tab","\u002Fnuxt-module\u002Fcomposables\u002Fadmin-manager\u002Fuse-cwa-resource-manager-tab","5.nuxt-module\u002F6.composables\u002F2.admin-manager\u002F1.use-cwa-resource-manager-tab",{"title":308,"path":309,"stem":310},"Resource Model","\u002Fnuxt-module\u002Fcomposables\u002Fadmin-manager\u002Fuse-cwa-resource-model","5.nuxt-module\u002F6.composables\u002F2.admin-manager\u002F2.use-cwa-resource-model",{"title":312,"path":313,"stem":314},"Resource Upload","\u002Fnuxt-module\u002Fcomposables\u002Fadmin-manager\u002Fuse-cwa-resource-upload","5.nuxt-module\u002F6.composables\u002F2.admin-manager\u002F3.use-cwa-resource-upload",{"title":316,"path":317,"stem":318,"children":319,"page":35},"Utilities","\u002Fnuxt-module\u002Fcomposables\u002Futilities","5.nuxt-module\u002F6.composables\u002F3.utilities",[320,324,328],{"title":321,"path":322,"stem":323},"Resource Endpoint","\u002Fnuxt-module\u002Fcomposables\u002Futilities\u002Fuse-cwa-resource-endpoint","5.nuxt-module\u002F6.composables\u002F3.utilities\u002F1.use-cwa-resource-endpoint",{"title":325,"path":326,"stem":327},"Query Model","\u002Fnuxt-module\u002Fcomposables\u002Futilities\u002Fuse-query-bound-model","5.nuxt-module\u002F6.composables\u002F3.utilities\u002F2.use-query-bound-model",{"title":329,"path":330,"stem":331},"Resource Route","\u002Fnuxt-module\u002Fcomposables\u002Futilities\u002Fuse-cwa-resource-route","5.nuxt-module\u002F6.composables\u002F3.utilities\u002F3.use-cwa-resource-route",{"title":333,"path":334,"stem":335,"children":336,"page":35},"Component Helpers","\u002Fnuxt-module\u002Fcomponent-helpers","5.nuxt-module\u002F7.component-helpers",[337,341,345,349,353],{"title":338,"path":339,"stem":340},"Images & Media","\u002Fnuxt-module\u002Fcomponent-helpers\u002Fimages-and-uploads","5.nuxt-module\u002F7.component-helpers\u002F1.images-and-uploads",{"title":342,"path":343,"stem":344},"Collections & Pagination","\u002Fnuxt-module\u002Fcomponent-helpers\u002Fcollections-and-pagination","5.nuxt-module\u002F7.component-helpers\u002F2.collections-and-pagination",{"title":346,"path":347,"stem":348},"HTML Content","\u002Fnuxt-module\u002Fcomponent-helpers\u002Fhtml-content","5.nuxt-module\u002F7.component-helpers\u002F3.html-content",{"title":350,"path":351,"stem":352},"Real-Time Updates","\u002Fnuxt-module\u002Fcomponent-helpers\u002Freal-time-updates","5.nuxt-module\u002F7.component-helpers\u002F4.real-time-updates",{"title":237,"path":354,"stem":355},"\u002Fnuxt-module\u002Fcomponent-helpers\u002Fforms","5.nuxt-module\u002F7.component-helpers\u002F5.forms",{"title":357,"path":358,"stem":359},"Authentication","\u002Fnuxt-module\u002Fauthentication","5.nuxt-module\u002F8.authentication",{"title":361,"path":362,"stem":363,"children":364,"page":35},"Cwa Layer","\u002Fnuxt-module\u002Fcwa-layer","5.nuxt-module\u002F9.cwa-layer",[365,368,372,376,380],{"title":221,"path":366,"stem":367},"\u002Fnuxt-module\u002Fcwa-layer\u002Foverview","5.nuxt-module\u002F9.cwa-layer\u002F1.overview",{"title":369,"path":370,"stem":371},"Auth Pages","\u002Fnuxt-module\u002Fcwa-layer\u002Fauth-pages","5.nuxt-module\u002F9.cwa-layer\u002F2.auth-pages",{"title":373,"path":374,"stem":375},"Admin Panel","\u002Fnuxt-module\u002Fcwa-layer\u002Fadmin-panel","5.nuxt-module\u002F9.cwa-layer\u002F3.admin-panel",{"title":377,"path":378,"stem":379},"Styling","\u002Fnuxt-module\u002Fcwa-layer\u002Fstyling","5.nuxt-module\u002F9.cwa-layer\u002F4.styling",{"title":381,"path":382,"stem":383},"Date Pickers","\u002Fnuxt-module\u002Fcwa-layer\u002Fdate-pickers","5.nuxt-module\u002F9.cwa-layer\u002F5.date-pickers",{"title":385,"path":386,"stem":387,"children":388,"page":35},"Deployment","\u002Fdeployment","6.deployment",[389,393,397,401,405],{"title":390,"path":391,"stem":392},"Docker","\u002Fdeployment\u002Fdocker","6.deployment\u002F1.docker",{"title":394,"path":395,"stem":396},"Kubernetes & Helm","\u002Fdeployment\u002Fkubernetes","6.deployment\u002F2.kubernetes",{"title":398,"path":399,"stem":400},"CI\u002FCD","\u002Fdeployment\u002Fci-cd","6.deployment\u002F3.ci-cd",{"title":402,"path":403,"stem":404},"Load Testing","\u002Fdeployment\u002Fload-testing","6.deployment\u002F4.load-testing",{"title":406,"path":407,"stem":408},"Faster Behat Tests","\u002Fdeployment\u002Ffaster-behat-tests","6.deployment\u002F5.faster-behat-tests",{"id":410,"title":411,"badge":412,"body":413,"description":1717,"extension":1718,"links":412,"meta":1719,"navigation":1720,"path":382,"seo":1721,"stem":383,"__hash__":1722},"docs\u002F5.nuxt-module\u002F9.cwa-layer\u002F5.date-pickers.md","Date and Time Pickers",null,{"type":414,"value":415,"toc":1709},"minimark",[416,442,459,523,529,534,733,736,742,884,889,892,896,919,1104,1107,1412,1416,1419,1453,1657,1663,1667,1673,1681,1690,1705],[417,418,419,420,424,425,429,430,433,434,441],"p",{},"The UI kit has three date components. The admin uses ",[421,422,423],"code",{},"\u003CCwaUiDatePicker>"," for a component's scheduled publish time and a route's ",[426,427,428],"strong",{},"Goes live"," date, and you can use all three in your own admin tabs and pages. Like the rest of the kit, they're auto-imported with the ",[421,431,432],{},"CwaUi"," prefix. They're built on ",[435,436,440],"a",{"href":437,"rel":438},"https:\u002F\u002Freka-ui.com",[439],"nofollow","reka-ui"," and ported from Nuxt UI's Calendar and InputDate.",[443,444,446],"callout",{"icon":445},"i-heroicons-information-circle",[417,447,448],{},[426,449,450,451,454,455,458],{},"Added in ",[421,452,453],{},"@cwa\u002Fnuxt"," ",[421,456,457],{},"2.0.0-alpha.2",".",[460,461,462,477],"table",{},[463,464,465],"thead",{},[466,467,468,471,474],"tr",{},[469,470,262],"th",{},[469,472,473],{},"What it is",[469,475,476],{},"Value",[478,479,480,493,509],"tbody",{},[466,481,482,487,490],{},[483,484,485],"td",{},[421,486,423],{},[483,488,489],{},"A date and time field with a calendar popover",[483,491,492],{},"A UTC ISO string",[466,494,495,500,503],{},[483,496,497],{},[421,498,499],{},"\u003CCwaUiCalendar>",[483,501,502],{},"The calendar on its own",[483,504,505,508],{},[421,506,507],{},"@internationalized\u002Fdate"," values",[466,510,511,516,519],{},[483,512,513],{},[421,514,515],{},"\u003CCwaUiInputDate>",[483,517,518],{},"The segmented field on its own",[483,520,521,508],{},[421,522,507],{},[417,524,525,526,528],{},"Use ",[421,527,423],{}," when you're storing a date in the API. The other two are the parts it's built from, for when you need a date without a time, a range, or several dates.",[530,531,533],"h2",{"id":532},"cwauidatepicker","CwaUiDatePicker",[535,536,541],"pre",{"className":537,"code":538,"language":539,"meta":540,"style":540},"language-vue shiki shiki-themes github-light github-dark material-theme-palenight","\u003Cscript setup lang=\"ts\">\nconst goLive = ref\u003Cstring | null>(null)\nconst now = new Date().toISOString()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CCwaUiDatePicker v-model=\"goLive\" label=\"Goes live\" :min=\"now\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[421,542,543,579,624,651,661,668,678,724],{"__ignoreMap":540},[544,545,548,552,556,560,563,566,570,574,576],"span",{"class":546,"line":547},"line",1,[544,549,551],{"class":550},"sOvfz","\u003C",[544,553,555],{"class":554},"s-h7I","script",[544,557,559],{"class":558},"sGtlX"," setup",[544,561,562],{"class":558}," lang",[544,564,565],{"class":550},"=",[544,567,569],{"class":568},"seSrl","\"",[544,571,573],{"class":572},"sLL54","ts",[544,575,569],{"class":568},[544,577,578],{"class":550},">\n",[544,580,582,586,590,594,598,600,604,607,610,613,617,621],{"class":546,"line":581},2,[544,583,585],{"class":584},"swB56","const",[544,587,589],{"class":588},"sc2zw"," goLive",[544,591,593],{"class":592},"sVlFx"," =",[544,595,597],{"class":596},"sKpYG"," ref",[544,599,551],{"class":550},[544,601,603],{"class":602},"sbW4m","string",[544,605,606],{"class":592}," |",[544,608,609],{"class":602}," null",[544,611,612],{"class":550},">",[544,614,616],{"class":615},"sPB8G","(",[544,618,620],{"class":619},"sBtbT","null",[544,622,623],{"class":615},")\n",[544,625,627,629,632,634,637,640,643,645,648],{"class":546,"line":626},3,[544,628,585],{"class":584},[544,630,631],{"class":588}," now",[544,633,593],{"class":592},[544,635,636],{"class":592}," new",[544,638,639],{"class":596}," Date",[544,641,642],{"class":615},"()",[544,644,458],{"class":550},[544,646,647],{"class":596},"toISOString",[544,649,650],{"class":615},"()\n",[544,652,654,657,659],{"class":546,"line":653},4,[544,655,656],{"class":550},"\u003C\u002F",[544,658,555],{"class":554},[544,660,578],{"class":550},[544,662,664],{"class":546,"line":663},5,[544,665,667],{"emptyLinePlaceholder":666},true,"\n",[544,669,671,673,676],{"class":546,"line":670},6,[544,672,551],{"class":550},[544,674,675],{"class":554},"template",[544,677,578],{"class":550},[544,679,681,684,686,689,691,693,696,698,701,703,705,707,709,712,714,716,719,721],{"class":546,"line":680},7,[544,682,683],{"class":550},"  \u003C",[544,685,533],{"class":554},[544,687,688],{"class":558}," v-model",[544,690,565],{"class":550},[544,692,569],{"class":568},[544,694,695],{"class":572},"goLive",[544,697,569],{"class":568},[544,699,700],{"class":558}," label",[544,702,565],{"class":550},[544,704,569],{"class":568},[544,706,428],{"class":572},[544,708,569],{"class":568},[544,710,711],{"class":558}," :min",[544,713,565],{"class":550},[544,715,569],{"class":568},[544,717,718],{"class":572},"now",[544,720,569],{"class":568},[544,722,723],{"class":550}," \u002F>\n",[544,725,727,729,731],{"class":546,"line":726},8,[544,728,656],{"class":550},[544,730,675],{"class":554},[544,732,578],{"class":550},[417,734,735],{},"The field has day, month, year, hour and minute segments, on a 24-hour clock. Editors type into a segment or step it with the arrow keys, or open the calendar with the button at the end of the field. Picking a day in the calendar keeps the time already set, or uses 09:00 if the field was empty.",[443,737,739],{"icon":738},"i-heroicons-photo",[417,740,741],{},"IMAGE: CwaUiDatePicker with its calendar popover open: the date and time segments and the calendar button inside the field, and the month grid below with the month and year controls",[460,743,744,760],{},[463,745,746],{},[466,747,748,751,754,757],{},[469,749,750],{},"Prop",[469,752,753],{},"Type",[469,755,756],{},"Default",[469,758,759],{},"Description",[478,761,762,790,806,829,848,867],{},[466,763,764,769,774,777],{},[483,765,766],{},[421,767,768],{},"v-model",[483,770,771],{},[421,772,773],{},"string | null",[483,775,776],{},"—",[483,778,779,780,783,784,786,787,789],{},"The chosen moment as a UTC ISO string, such as ",[421,781,782],{},"2026-10-01T08:30:00.000Z",". ",[421,785,620],{}," shows an empty field. The picker never emits ",[421,788,620],{},", so clear the value yourself if you need to.",[466,791,792,797,801,803],{},[483,793,794],{},[421,795,796],{},"label",[483,798,799],{},[421,800,603],{},[483,802,776],{},[483,804,805],{},"Shown above the field and used as its accessible name.",[466,807,808,813,817,819],{},[483,809,810],{},[421,811,812],{},"min",[483,814,815],{},[421,816,603],{},[483,818,776],{},[483,820,821,822,824,825,828],{},"A UTC ISO string. Nothing earlier can be chosen or emitted: the earliest time is ",[421,823,812],{}," rounded up to the next ",[421,826,827],{},"minuteStep",", and an earlier value is replaced by it.",[466,830,831,835,840,845],{},[483,832,833],{},[421,834,827],{},[483,836,837],{},[421,838,839],{},"number",[483,841,842],{},[421,843,844],{},"5",[483,846,847],{},"How far the arrow keys move the minutes.",[466,849,850,855,859,864],{},[483,851,852],{},[421,853,854],{},"locale",[483,856,857],{},[421,858,603],{},[483,860,861],{},[421,862,863],{},"en-GB",[483,865,866],{},"Sets the order and format of the segments and the calendar's month names.",[466,868,869,874,879,881],{},[483,870,871],{},[421,872,873],{},"disabled",[483,875,876],{},[421,877,878],{},"boolean",[483,880,776],{},[483,882,883],{},"Disables the field and the calendar button.",[885,886,888],"h3",{"id":887},"time-zones","Time Zones",[417,890,891],{},"The editor picks a time on their own computer's clock, and the picker converts it to UTC. Hovering the calendar button names the zone and its UTC offset: \"Times are in Europe\u002FLondon, UTC+01:00\". The offset is the one at the chosen date, not today's, so a time on the other side of a clock change shows the offset that will apply then.",[530,893,895],{"id":894},"cwauicalendar","CwaUiCalendar",[417,897,898,899,902,903,909,910,913,914,918],{},"A calendar on its own. It uses the ",[421,900,901],{},"DateValue"," types from ",[435,904,907],{"href":905,"rel":906},"https:\u002F\u002Freact-spectrum.adobe.com\u002Finternationalized\u002Fdate\u002F",[439],[421,908,507],{},". The module depends on it, but pnpm only lets your code import packages your app lists, so add it with the same major version (",[421,911,912],{},"pnpm add @internationalized\u002Fdate@^3",") and keep to one copy, see ",[435,915,917],{"href":916},"#troubleshooting-the-picker-shows-no-time","Troubleshooting",":",[535,920,922],{"className":537,"code":921,"language":539,"meta":540,"style":540},"\u003Cscript setup lang=\"ts\">\nimport { today, getLocalTimeZone } from '@internationalized\u002Fdate'\nimport type { DateValue } from '@internationalized\u002Fdate'\n\nconst day = shallowRef\u003CDateValue>()\nconst earliest = today(getLocalTimeZone())\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CCwaUiCalendar v-model=\"day\" :min-value=\"earliest\" \u002F>\n\u003C\u002Ftemplate>\n",[421,923,924,944,976,998,1002,1023,1042,1050,1054,1063,1095],{"__ignoreMap":540},[544,925,926,928,930,932,934,936,938,940,942],{"class":546,"line":547},[544,927,551],{"class":550},[544,929,555],{"class":554},[544,931,559],{"class":558},[544,933,562],{"class":558},[544,935,565],{"class":550},[544,937,569],{"class":568},[544,939,573],{"class":572},[544,941,569],{"class":568},[544,943,578],{"class":550},[544,945,946,950,953,956,959,962,965,968,971,973],{"class":546,"line":581},[544,947,949],{"class":948},"sm4w6","import",[544,951,952],{"class":550}," {",[544,954,955],{"class":615}," today",[544,957,958],{"class":550},",",[544,960,961],{"class":615}," getLocalTimeZone",[544,963,964],{"class":550}," }",[544,966,967],{"class":948}," from",[544,969,970],{"class":568}," '",[544,972,507],{"class":572},[544,974,975],{"class":568},"'\n",[544,977,978,980,983,985,988,990,992,994,996],{"class":546,"line":626},[544,979,949],{"class":948},[544,981,982],{"class":948}," type",[544,984,952],{"class":550},[544,986,987],{"class":615}," DateValue",[544,989,964],{"class":550},[544,991,967],{"class":948},[544,993,970],{"class":568},[544,995,507],{"class":572},[544,997,975],{"class":568},[544,999,1000],{"class":546,"line":653},[544,1001,667],{"emptyLinePlaceholder":666},[544,1003,1004,1006,1009,1011,1014,1016,1019,1021],{"class":546,"line":663},[544,1005,585],{"class":584},[544,1007,1008],{"class":588}," day",[544,1010,593],{"class":592},[544,1012,1013],{"class":596}," shallowRef",[544,1015,551],{"class":550},[544,1017,901],{"class":1018},"sRCss",[544,1020,612],{"class":550},[544,1022,650],{"class":615},[544,1024,1025,1027,1030,1032,1034,1036,1039],{"class":546,"line":670},[544,1026,585],{"class":584},[544,1028,1029],{"class":588}," earliest",[544,1031,593],{"class":592},[544,1033,955],{"class":596},[544,1035,616],{"class":615},[544,1037,1038],{"class":596},"getLocalTimeZone",[544,1040,1041],{"class":615},"())\n",[544,1043,1044,1046,1048],{"class":546,"line":680},[544,1045,656],{"class":550},[544,1047,555],{"class":554},[544,1049,578],{"class":550},[544,1051,1052],{"class":546,"line":726},[544,1053,667],{"emptyLinePlaceholder":666},[544,1055,1057,1059,1061],{"class":546,"line":1056},9,[544,1058,551],{"class":550},[544,1060,675],{"class":554},[544,1062,578],{"class":550},[544,1064,1066,1068,1070,1072,1074,1076,1079,1081,1084,1086,1088,1091,1093],{"class":546,"line":1065},10,[544,1067,683],{"class":550},[544,1069,895],{"class":554},[544,1071,688],{"class":558},[544,1073,565],{"class":550},[544,1075,569],{"class":568},[544,1077,1078],{"class":572},"day",[544,1080,569],{"class":568},[544,1082,1083],{"class":558}," :min-value",[544,1085,565],{"class":550},[544,1087,569],{"class":568},[544,1089,1090],{"class":572},"earliest",[544,1092,569],{"class":568},[544,1094,723],{"class":550},[544,1096,1098,1100,1102],{"class":546,"line":1097},11,[544,1099,656],{"class":550},[544,1101,675],{"class":554},[544,1103,578],{"class":550},[417,1105,1106],{},"The heading switches between the day, month and year views, and the arrow buttons move by a month or a year.",[460,1108,1109,1121],{},[463,1110,1111],{},[466,1112,1113,1115,1117,1119],{},[469,1114,750],{},[469,1116,753],{},[469,1118,756],{},[469,1120,759],{},[478,1122,1123,1150,1165,1182,1201,1221,1242,1261,1289,1305,1323,1340,1361,1379,1396],{},[466,1124,1125,1129,1134,1136],{},[483,1126,1127],{},[421,1128,768],{},[483,1130,1131],{},[421,1132,1133],{},"DateValue | DateValue[] | DateRange | null",[483,1135,776],{},[483,1137,1138,1139,1142,1143,1146,1147,458],{},"A single date, an array with ",[421,1140,1141],{},"multiple",", or ",[421,1144,1145],{},"{ start, end }"," with ",[421,1148,1149],{},"range",[466,1151,1152,1156,1160,1162],{},[483,1153,1154],{},[421,1155,1149],{},[483,1157,1158],{},[421,1159,878],{},[483,1161,776],{},[483,1163,1164],{},"Select a start and end date.",[466,1166,1167,1171,1175,1177],{},[483,1168,1169],{},[421,1170,1141],{},[483,1172,1173],{},[421,1174,878],{},[483,1176,776],{},[483,1178,1179,1180,458],{},"Select several dates. Ignored with ",[421,1181,1149],{},[466,1183,1184,1189,1194,1198],{},[483,1185,1186],{},[421,1187,1188],{},"type",[483,1190,1191],{},[421,1192,1193],{},"'day' | 'month' | 'year'",[483,1195,1196],{},[421,1197,1078],{},[483,1199,1200],{},"What a selection picks: a day, a month or a year. The views above it are still available for navigation.",[466,1202,1203,1212,1216,1218],{},[483,1204,1205,1208,1209],{},[421,1206,1207],{},"minValue"," \u002F ",[421,1210,1211],{},"maxValue",[483,1213,1214],{},[421,1215,901],{},[483,1217,776],{},[483,1219,1220],{},"The earliest and latest date that can be chosen.",[466,1222,1223,1228,1233,1235],{},[483,1224,1225],{},[421,1226,1227],{},"isDateDisabled",[483,1229,1230],{},[421,1231,1232],{},"(date: DateValue) => boolean",[483,1234,776],{},[483,1236,1237,1238,1241],{},"Disables the dates it returns ",[421,1239,1240],{},"true"," for.",[466,1243,1244,1249,1253,1255],{},[483,1245,1246],{},[421,1247,1248],{},"isDateUnavailable",[483,1250,1251],{},[421,1252,1232],{},[483,1254,776],{},[483,1256,1257,1258,1260],{},"Marks the dates it returns ",[421,1259,1240],{}," for as unavailable.",[466,1262,1263,1268,1277,1283],{},[483,1264,1265],{},[421,1266,1267],{},"weekStartsOn",[483,1269,1270,1273,1274],{},[421,1271,1272],{},"0","–",[421,1275,1276],{},"6",[483,1278,1279,1282],{},[421,1280,1281],{},"1"," (Monday)",[483,1284,1285,1286,1288],{},"The first day of the week, where ",[421,1287,1272],{}," is Sunday.",[466,1290,1291,1296,1300,1302],{},[483,1292,1293],{},[421,1294,1295],{},"numberOfMonths",[483,1297,1298],{},[421,1299,839],{},[483,1301,776],{},[483,1303,1304],{},"How many months to show side by side.",[466,1306,1307,1312,1316,1320],{},[483,1308,1309],{},[421,1310,1311],{},"fixedWeeks",[483,1313,1314],{},[421,1315,878],{},[483,1317,1318],{},[421,1319,1240],{},[483,1321,1322],{},"Always shows six weeks, so the height doesn't change between months.",[466,1324,1325,1329,1333,1337],{},[483,1326,1327],{},[421,1328,854],{},[483,1330,1331],{},[421,1332,603],{},[483,1334,1335],{},[421,1336,863],{},[483,1338,1339],{},"Month and weekday names.",[466,1341,1342,1350,1354,1358],{},[483,1343,1344,1208,1347],{},[421,1345,1346],{},"monthControls",[421,1348,1349],{},"yearControls",[483,1351,1352],{},[421,1353,878],{},[483,1355,1356],{},[421,1357,1240],{},[483,1359,1360],{},"Show the previous\u002Fnext month and previous\u002Fnext year buttons.",[466,1362,1363,1368,1372,1376],{},[483,1364,1365],{},[421,1366,1367],{},"viewControl",[483,1369,1370],{},[421,1371,878],{},[483,1373,1374],{},[421,1375,1240],{},[483,1377,1378],{},"Let the heading switch to the month and year views.",[466,1380,1381,1388,1392,1394],{},[483,1382,1383,1208,1385],{},[421,1384,873],{},[421,1386,1387],{},"readonly",[483,1389,1390],{},[421,1391,878],{},[483,1393,776],{},[483,1395],{},[466,1397,1398,1403,1407,1409],{},[483,1399,1400],{},[421,1401,1402],{},"initialFocus",[483,1404,1405],{},[421,1406,878],{},[483,1408,776],{},[483,1410,1411],{},"Focus the calendar when it mounts.",[530,1413,1415],{"id":1414},"cwauiinputdate","CwaUiInputDate",[417,1417,1418],{},"The segmented field on its own, without the calendar:",[535,1420,1422],{"className":537,"code":1421,"language":539,"meta":540,"style":540},"\u003CCwaUiInputDate v-model=\"day\" granularity=\"day\" \u002F>\n",[421,1423,1424],{"__ignoreMap":540},[544,1425,1426,1428,1430,1432,1434,1436,1438,1440,1443,1445,1447,1449,1451],{"class":546,"line":547},[544,1427,551],{"class":550},[544,1429,1415],{"class":554},[544,1431,688],{"class":558},[544,1433,565],{"class":550},[544,1435,569],{"class":568},[544,1437,1078],{"class":615},[544,1439,569],{"class":568},[544,1441,1442],{"class":558}," granularity",[544,1444,565],{"class":550},[544,1446,569],{"class":568},[544,1448,1078],{"class":572},[544,1450,569],{"class":568},[544,1452,723],{"class":550},[460,1454,1455,1467],{},[463,1456,1457],{},[466,1458,1459,1461,1463,1465],{},[469,1460,750],{},[469,1462,753],{},[469,1464,756],{},[469,1466,759],{},[478,1468,1469,1489,1504,1521,1538,1555,1572,1587,1604,1622,1638],{},[466,1470,1471,1475,1480,1482],{},[483,1472,1473],{},[421,1474,768],{},[483,1476,1477],{},[421,1478,1479],{},"DateValue | DateRange | null",[483,1481,776],{},[483,1483,1484,1485,1146,1487,458],{},"A single date, or ",[421,1486,1145],{},[421,1488,1149],{},[466,1490,1491,1495,1499,1501],{},[483,1492,1493],{},[421,1494,1149],{},[483,1496,1497],{},[421,1498,878],{},[483,1500,776],{},[483,1502,1503],{},"Show a start and an end field.",[466,1505,1506,1511,1516,1518],{},[483,1507,1508],{},[421,1509,1510],{},"granularity",[483,1512,1513],{},[421,1514,1515],{},"'day' | 'hour' | 'minute' | 'second'",[483,1517,776],{},[483,1519,1520],{},"The smallest segment shown.",[466,1522,1523,1528,1533,1535],{},[483,1524,1525],{},[421,1526,1527],{},"hourCycle",[483,1529,1530],{},[421,1531,1532],{},"12 | 24",[483,1534,776],{},[483,1536,1537],{},"The clock used for the hour segment.",[466,1539,1540,1545,1550,1552],{},[483,1541,1542],{},[421,1543,1544],{},"step",[483,1546,1547],{},[421,1548,1549],{},"{ year?, month?, day?, hour?, minute?, second? }",[483,1551,776],{},[483,1553,1554],{},"How far the arrow keys move each segment.",[466,1556,1557,1563,1567,1569],{},[483,1558,1559,1208,1561],{},[421,1560,1207],{},[421,1562,1211],{},[483,1564,1565],{},[421,1566,901],{},[483,1568,776],{},[483,1570,1571],{},"The earliest and latest value.",[466,1573,1574,1578,1582,1584],{},[483,1575,1576],{},[421,1577,1248],{},[483,1579,1580],{},[421,1581,1232],{},[483,1583,776],{},[483,1585,1586],{},"Marks dates as unavailable.",[466,1588,1589,1593,1597,1601],{},[483,1590,1591],{},[421,1592,854],{},[483,1594,1595],{},[421,1596,603],{},[483,1598,1599],{},[421,1600,863],{},[483,1602,1603],{},"Sets the order and format of the segments.",[466,1605,1606,1611,1615,1619],{},[483,1607,1608],{},[421,1609,1610],{},"hideTimeZone",[483,1612,1613],{},[421,1614,878],{},[483,1616,1617],{},[421,1618,1240],{},[483,1620,1621],{},"Hides the time zone segment of a zoned value.",[466,1623,1624,1630,1634,1636],{},[483,1625,1626,1208,1628],{},[421,1627,873],{},[421,1629,1387],{},[483,1631,1632],{},[421,1633,878],{},[483,1635,776],{},[483,1637],{},[466,1639,1640,1648,1652,1654],{},[483,1641,1642,1208,1645],{},[421,1643,1644],{},"id",[421,1646,1647],{},"name",[483,1649,1650],{},[421,1651,603],{},[483,1653,776],{},[483,1655,1656],{},"Passed to the field.",[417,1658,1659,1660,1662],{},"Anything in the default slot is shown at the end of the field. ",[421,1661,423],{}," puts its calendar button there.",[530,1664,1666],{"id":1665},"troubleshooting-the-picker-shows-no-time","Troubleshooting: the Picker Shows No Time",[417,1668,1669,1670,1672],{},"If ",[421,1671,423],{}," shows a date with no hour and minute, check the browser console for this warning:",[535,1674,1679],{"className":1675,"code":1677,"language":1678},[1676],"language-text","[CWA] Two copies of @internationalized\u002Fdate are installed, so reka-ui cannot read the date picker value and its time is not shown.\n","text",[421,1680,1677],{"__ignoreMap":540},[417,1682,1683,1684,1686,1687,1689],{},"Your lockfile has two copies of ",[421,1685,507],{},", so reka-ui doesn't recognise the date-time value the picker gives it. It can happen when your app already had ",[421,1688,440],{}," installed, for example through Nuxt UI, on an older version. Run this to keep one copy:",[535,1691,1695],{"className":1692,"code":1693,"language":1694,"meta":540,"style":540},"language-bash shiki shiki-themes github-light github-dark material-theme-palenight","pnpm dedupe\n","bash",[421,1696,1697],{"__ignoreMap":540},[544,1698,1699,1702],{"class":546,"line":547},[544,1700,1701],{"class":1018},"pnpm",[544,1703,1704],{"class":572}," dedupe\n",[1706,1707,1708],"style",{},"html pre.shiki code .sOvfz, html code.shiki .sOvfz{--shiki-light:#24292E;--shiki-default:#E1E4E8;--shiki-dark:#89DDFF}html pre.shiki code .s-h7I, html code.shiki .s-h7I{--shiki-light:#22863A;--shiki-default:#85E89D;--shiki-dark:#F07178}html pre.shiki code .sGtlX, html code.shiki .sGtlX{--shiki-light:#6F42C1;--shiki-default:#B392F0;--shiki-dark:#C792EA}html pre.shiki code .seSrl, html code.shiki .seSrl{--shiki-light:#032F62;--shiki-default:#9ECBFF;--shiki-dark:#89DDFF}html pre.shiki code .sLL54, html code.shiki .sLL54{--shiki-light:#032F62;--shiki-default:#9ECBFF;--shiki-dark:#C3E88D}html pre.shiki code .swB56, html code.shiki .swB56{--shiki-light:#D73A49;--shiki-default:#F97583;--shiki-dark:#C792EA}html pre.shiki code .sc2zw, html code.shiki .sc2zw{--shiki-light:#005CC5;--shiki-default:#79B8FF;--shiki-dark:#BABED8}html pre.shiki code .sVlFx, html code.shiki .sVlFx{--shiki-light:#D73A49;--shiki-default:#F97583;--shiki-dark:#89DDFF}html pre.shiki code .sKpYG, html code.shiki .sKpYG{--shiki-light:#6F42C1;--shiki-default:#B392F0;--shiki-dark:#82AAFF}html pre.shiki code .sbW4m, html code.shiki .sbW4m{--shiki-light:#005CC5;--shiki-default:#79B8FF;--shiki-dark:#FFCB6B}html pre.shiki code .sPB8G, html code.shiki .sPB8G{--shiki-light:#24292E;--shiki-default:#E1E4E8;--shiki-dark:#BABED8}html pre.shiki code .sBtbT, html code.shiki .sBtbT{--shiki-light:#005CC5;--shiki-default:#79B8FF;--shiki-dark:#89DDFF}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 .sm4w6, html code.shiki .sm4w6{--shiki-light:#D73A49;--shiki-light-font-style:inherit;--shiki-default:#F97583;--shiki-default-font-style:inherit;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sRCss, html code.shiki .sRCss{--shiki-light:#6F42C1;--shiki-default:#B392F0;--shiki-dark:#FFCB6B}",{"title":540,"searchDepth":581,"depth":581,"links":1710},[1711,1714,1715,1716],{"id":532,"depth":581,"text":533,"children":1712},[1713],{"id":887,"depth":626,"text":888},{"id":894,"depth":581,"text":895},{"id":1414,"depth":581,"text":1415},{"id":1665,"depth":581,"text":1666},"The UI kit's date and time picker, calendar and segmented date field, what values they take, and how to fix a picker that shows no time.","md",{},{"title":381},{"title":411,"description":1717},"I31VU9h0pFdW5y7BtPgfzTTjQFoZ6lQ-RHdkrLeQogo",[1724,1726],{"title":377,"path":378,"stem":379,"description":1725,"children":-1},"How CWA's bundled CSS uses cascade layers so your app's styles win — and why you should scope global element styles to keep them out of the admin UI.",{"title":390,"path":391,"stem":392,"description":1727,"children":-1},"The Docker Compose setup for local development and production — services, environment variables, volumes, and build workflow.",1790419986788]