[{"data":1,"prerenderedAt":222},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Fdate-picker":3,"component-meta:UiDatePicker":109},{"id":4,"title":5,"body":6,"component":92,"dependsOn":93,"description":95,"emitDescriptions":96,"extension":100,"meta":101,"navigation":102,"order":103,"path":104,"seo":105,"status":106,"stem":107,"__hash__":108},"docs\u002Fdocs\u002Fcomponents\u002Fdate-picker.md","DatePicker",{"type":7,"value":8,"toc":83},"minimark",[9,13,18,23,27,30,34,46,50,53,56,60],[10,11,12],"p",{},"Навмисно нативний: власний календар — це сотні рядків позиціонування,\nклавіатури й i18n, а пікер браузера вже вміє все це мовою пристрою.\nКомпонент додає те, чого не дає сирий input: стилі полів бібліотеки,\nlabel\u002Ferror\u002Fhint-контракт і токенізовану темну тему.",[14,15,17],"h2",{"id":16},"приклад","Приклад",[19,20],"component-preview",{"name":21,"stage":22},"forms-extended","min-h-72",[14,24,26],{"id":25},"api","API",[28,29],"component-api",{},[14,31,33],{"id":32},"коли-використовувати","Коли використовувати",[10,35,36,37,41,42,45],{},"Дати публікацій, періоди фільтрів, терміни. ",[38,39,40],"code",{},"datetime-local"," — для\nточних до хвилини (планувальники), ",[38,43,44],{},"time"," — для часу без дати.",[14,47,49],{"id":48},"коли-не-використовувати","Коли НЕ використовувати",[10,51,52],{},"Для діапазонів «від — до» потрібні два поля з перехресною валідацією\nmin\u002Fmax, а не один компонент.",[10,54,55],{},"Не підмінюйте нативний пікер власним календарем «заради однакового\nвигляду» — він ляже мовою пристрою, а не застосунку.",[14,57,59],{"id":58},"доступність","Доступність",[10,61,62,63,66,67,70,71,74,75,78,79,82],{},"Нативний пікер вже має повну клавіатурну навігацію і локаль. Поле має\n",[38,64,65],{},"label"," через ",[38,68,69],{},"for","\u002F",[38,72,73],{},"id",", ",[38,76,77],{},"aria-invalid"," і ",[38,80,81],{},"aria-describedby"," на\nпомилку\u002Fпідказку — за контрактом полів бібліотеки.",{"title":84,"searchDepth":85,"depth":85,"links":86},"",2,[87,88,89,90,91],{"id":16,"depth":85,"text":17},{"id":25,"depth":85,"text":26},{"id":32,"depth":85,"text":33},{"id":48,"depth":85,"text":49},{"id":58,"depth":85,"text":59},"UiDatePicker",[94],"app\u002Futils\u002FuiFieldStyles.ts","Нативний date\u002Ftime-пікер у стилі полів бібліотеки — календар мовою пристрою.",{"update:modelValue":97,"focus":98,"blur":99},"Значення у форматі нативного поля або `null`, якщо очищено.","Поле отримало фокус.","Поле втратило фокус.","md",{},true,36,"\u002Fdocs\u002Fcomponents\u002Fdate-picker",{"title":5,"description":95},"stable","docs\u002Fcomponents\u002Fdate-picker","n1igyhjpfUlbiSqlfUTOp9ujesk3SdzzW4s-UOMJ_H0",{"mode":110,"prefetch":111,"preload":111,"filePath":112,"declarationPath":113,"pascalName":92,"kebabName":114,"chunkName":115,"priority":116,"_scanned":102,"meta":117},"all",false,"app\u002Fcomponents\u002Fui\u002FUiDatePicker.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiDatePicker.vue","ui-date-picker","components\u002Fui-date-picker",1,{"type":116,"props":118,"slots":192,"events":193,"exposed":220,"hash":221},[119,124,128,132,135,146,156,159,163,167,171,174,182,187],{"name":65,"global":111,"default":120,"description":121,"tags":122,"required":111,"type":123,"schema":123},"undefined","Видимий лейбл. Пов'язується з полем автоматично.",[],"string",{"name":125,"global":111,"default":120,"description":126,"tags":127,"required":111,"type":123,"schema":123},"error","Текст помилки. Сама його наявність вмикає стан помилки.",[],{"name":129,"global":111,"default":120,"description":130,"tags":131,"required":111,"type":123,"schema":123},"hint","Підказка під полем. Ховається, коли показано помилку.",[],{"name":133,"global":111,"default":120,"description":84,"tags":134,"required":111,"type":123,"schema":123},"name",[],{"name":136,"global":111,"default":137,"description":138,"tags":139,"required":111,"type":140,"schema":141},"type","\"date\"","Рід поля.",[],"\"date\" | \"datetime-local\" | \"time\"",{"kind":142,"type":140,"schema":143},"enum",{"0":137,"1":144,"2":145},"\"datetime-local\"","\"time\"",{"name":147,"global":111,"default":148,"description":149,"tags":150,"required":111,"type":151,"schema":152},"size","\"md\"","Висота поля. На мобільному кожен розмір вищий за десктопний.",[],"FieldSize",{"kind":142,"type":151,"schema":153},{"0":154,"1":148,"2":155},"\"sm\"","\"lg\"",{"name":157,"global":111,"default":120,"description":84,"tags":158,"required":111,"type":123,"schema":123},"placeholder",[],{"name":160,"global":111,"default":120,"description":161,"tags":162,"required":111,"type":123,"schema":123},"min","Мінімальна дата\u002Fчас у тому ж форматі.",[],{"name":164,"global":111,"default":120,"description":165,"tags":166,"required":111,"type":123,"schema":123},"max","Максимальна дата\u002Fчас.",[],{"name":168,"global":111,"description":169,"tags":170,"required":111,"type":123,"schema":123},"modelValue","Значення у форматі нативного поля: `YYYY-MM-DD` (для datetime — RFC).",[],{"name":73,"global":111,"description":172,"tags":173,"required":111,"type":123,"schema":123},"Стабільний DOM id. `name` використовується лише для форми.",[],{"name":175,"global":111,"default":176,"description":84,"tags":177,"required":111,"type":178,"schema":179},"disabled","false",[],"boolean",{"kind":142,"type":178,"schema":180},{"0":176,"1":181},"true",{"name":183,"global":111,"default":176,"description":84,"tags":184,"required":111,"type":178,"schema":185},"required",[],{"kind":142,"type":178,"schema":186},{"0":176,"1":181},{"name":188,"global":111,"default":176,"description":84,"tags":189,"required":111,"type":178,"schema":190},"readonly",[],{"kind":142,"type":178,"schema":191},{"0":176,"1":181},[],[194,200,212],{"name":195,"description":84,"tags":196,"type":197,"signature":198,"schema":199},"update:modelValue",[],"[value: string]","(event: \"update:modelValue\", value: string): void",[123],{"name":201,"description":84,"tags":202,"type":203,"signature":204,"schema":205},"focus",[],"[event: FocusEvent]","(event: \"focus\", event: FocusEvent): void",[206],{"kind":207,"type":208,"schema":209},"object","FocusEvent",{"name":136,"global":111,"description":210,"tags":211,"required":102,"type":123,"schema":123},"The **`type`** read-only property of the Event interface returns a string containing the event's type.\n\n[MDN Reference](https:\u002F\u002Fdeveloper.mozilla.org\u002Fdocs\u002FWeb\u002FAPI\u002FEvent\u002Ftype)",[],{"name":213,"description":84,"tags":214,"type":203,"signature":215,"schema":216},"blur",[],"(event: \"blur\", event: FocusEvent): void",[217],{"kind":207,"type":208,"schema":218},{"name":136,"global":111,"description":210,"tags":219,"required":102,"type":123,"schema":123},[],[],"VOb8WfeYqAnrkXWftR8V5Yw2gdM4Bc2Lh3-N_fojvbc",1788072639719]