[{"data":1,"prerenderedAt":1389},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":134,"api-none":377,"page-en-\u002Fcomponents\u002Fbb-date-picker-input":378,"pt-showcase-BbDatePickerInput":914},{"\u002Fit\u002Fcomponenti\u002Fbb-accordion":4,"\u002Fen\u002Fcomponents\u002Fbb-accordion":5,"\u002Fit\u002Fcomponenti\u002Fbb-alert":6,"\u002Fen\u002Fcomponents\u002Fbb-alert":7,"\u002Fit\u002Fcomponenti\u002Fbb-asterisk":8,"\u002Fen\u002Fcomponents\u002Fbb-asterisk":9,"\u002Fit\u002Fcomponenti\u002Fbb-avatar":10,"\u002Fen\u002Fcomponents\u002Fbb-avatar":11,"\u002Fit\u002Fcomponenti\u002Fbb-badge":12,"\u002Fen\u002Fcomponents\u002Fbb-badge":13,"\u002Fit\u002Fcomponenti\u002Fbb-base-button":14,"\u002Fen\u002Fcomponents\u002Fbb-base-button":15,"\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs":16,"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs":17,"\u002Fit\u002Fcomponenti\u002Fbb-button":18,"\u002Fen\u002Fcomponents\u002Fbb-button":19,"\u002Fit\u002Fcomponenti\u002Fbb-calendar":20,"\u002Fen\u002Fcomponents\u002Fbb-calendar":21,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox":22,"\u002Fen\u002Fcomponents\u002Fbb-checkbox":23,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group":24,"\u002Fen\u002Fcomponents\u002Fbb-checkbox-group":25,"\u002Fit\u002Fcomponenti\u002Fbb-collapsible":26,"\u002Fen\u002Fcomponents\u002Fbb-collapsible":27,"\u002Fit\u002Fcomponenti\u002Fbb-color-input":28,"\u002Fen\u002Fcomponents\u002Fbb-color-input":29,"\u002Fit\u002Fcomponenti\u002Fbb-color-palette":30,"\u002Fen\u002Fcomponents\u002Fbb-color-palette":31,"\u002Fit\u002Fcomponenti\u002Fbb-confirm":32,"\u002Fen\u002Fcomponents\u002Fbb-confirm":33,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker":34,"\u002Fen\u002Fcomponents\u002Fbb-date-picker":35,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input":36,"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input":37,"\u002Fit\u002Fcomponenti\u002Fbb-dialog":38,"\u002Fen\u002Fcomponents\u002Fbb-dialog":39,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown":40,"\u002Fen\u002Fcomponents\u002Fbb-dropdown":41,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button":42,"\u002Fen\u002Fcomponents\u002Fbb-dropdown-button":43,"\u002Fit\u002Fcomponenti\u002Fbb-dropzone":44,"\u002Fen\u002Fcomponents\u002Fbb-dropzone":45,"\u002Fit\u002Fcomponenti\u002Fbb-form":46,"\u002Fen\u002Fcomponents\u002Fbb-form":47,"\u002Fit\u002Fcomponenti\u002Fbb-hover-card":48,"\u002Fen\u002Fcomponents\u002Fbb-hover-card":49,"\u002Fit\u002Fcomponenti\u002Fbb-icon":50,"\u002Fen\u002Fcomponents\u002Fbb-icon":51,"\u002Fit\u002Fcomponenti\u002Fbb-indicator":52,"\u002Fen\u002Fcomponents\u002Fbb-indicator":53,"\u002Fit\u002Fcomponenti\u002Fbb-number-input":54,"\u002Fen\u002Fcomponents\u002Fbb-number-input":55,"\u002Fit\u002Fcomponenti\u002Fbb-off-canvas":56,"\u002Fen\u002Fcomponents\u002Fbb-off-canvas":57,"\u002Fit\u002Fcomponenti\u002Fbb-pagination":58,"\u002Fen\u002Fcomponents\u002Fbb-pagination":59,"\u002Fit\u002Fcomponenti\u002Fbb-popover":60,"\u002Fen\u002Fcomponents\u002Fbb-popover":61,"\u002Fit\u002Fcomponenti\u002Fbb-progress":62,"\u002Fen\u002Fcomponents\u002Fbb-progress":63,"\u002Fit\u002Fcomponenti\u002Fbb-radio":64,"\u002Fen\u002Fcomponents\u002Fbb-radio":65,"\u002Fit\u002Fcomponenti\u002Fbb-radio-group":66,"\u002Fen\u002Fcomponents\u002Fbb-radio-group":67,"\u002Fit\u002Fcomponenti\u002Fbb-rating":68,"\u002Fen\u002Fcomponents\u002Fbb-rating":69,"\u002Fit\u002Fcomponenti\u002Fbb-select":70,"\u002Fen\u002Fcomponents\u002Fbb-select":71,"\u002Fit\u002Fcomponenti\u002Fbb-select-popover":72,"\u002Fen\u002Fcomponents\u002Fbb-select-popover":73,"\u002Fit\u002Fcomponenti\u002Fbb-slider":74,"\u002Fen\u002Fcomponents\u002Fbb-slider":75,"\u002Fit\u002Fcomponenti\u002Fbb-smooth-height":76,"\u002Fen\u002Fcomponents\u002Fbb-smooth-height":77,"\u002Fit\u002Fcomponenti\u002Fbb-spinner":78,"\u002Fen\u002Fcomponents\u002Fbb-spinner":79,"\u002Fit\u002Fcomponenti\u002Fbb-switch":80,"\u002Fen\u002Fcomponents\u002Fbb-switch":81,"\u002Fit\u002Fcomponenti\u002Fbb-switch-group":82,"\u002Fen\u002Fcomponents\u002Fbb-switch-group":83,"\u002Fit\u002Fcomponenti\u002Fbb-table":84,"\u002Fen\u002Fcomponents\u002Fbb-table":85,"\u002Fit\u002Fcomponenti\u002Fbb-tabs":86,"\u002Fen\u002Fcomponents\u002Fbb-tabs":87,"\u002Fit\u002Fcomponenti\u002Fbb-tag":88,"\u002Fen\u002Fcomponents\u002Fbb-tag":89,"\u002Fit\u002Fcomponenti\u002Fbb-text-input":90,"\u002Fen\u002Fcomponents\u002Fbb-text-input":91,"\u002Fit\u002Fcomponenti\u002Fbb-textarea":92,"\u002Fen\u002Fcomponents\u002Fbb-textarea":93,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker":94,"\u002Fen\u002Fcomponents\u002Fbb-time-picker":95,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input":96,"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input":97,"\u002Fit\u002Fcomponenti\u002Fbb-toast":98,"\u002Fen\u002Fcomponents\u002Fbb-toast":99,"\u002Fit\u002Fcomponenti\u002Fbb-tooltip":100,"\u002Fen\u002Fcomponents\u002Fbb-tooltip":101,"\u002Fit\u002Fcomponenti\u002Fbb-tree":102,"\u002Fen\u002Fcomponents\u002Fbb-tree":103,"\u002Fit\u002Fguide\u002Fadoption-checklist":104,"\u002Fen\u002Fguides\u002Fadoption-checklist":105,"\u002Fit\u002Fguide\u002Fai-agents":106,"\u002Fen\u002Fguides\u002Fai-agents":107,"\u002Fit\u002Fguide\u002Fcoherence":108,"\u002Fen\u002Fguides\u002Fcoherence":109,"\u002Fit\u002Fguide\u002Fdesign-language":110,"\u002Fen\u002Fguides\u002Fdesign-language":111,"\u002Fit\u002Fguide\u002Fdesign-tokens":112,"\u002Fen\u002Fguides\u002Fdesign-tokens":113,"\u002Fit\u002Fguide\u002Ffetching-data":114,"\u002Fen\u002Fguides\u002Ffetching-data":115,"\u002Fit\u002Fguide\u002Ficons":116,"\u002Fen\u002Fguides\u002Ficons":117,"\u002Fit\u002Fguide\u002Finertia":118,"\u002Fen\u002Fguides\u002Finertia":119,"\u002Fit\u002Fguide\u002Finstallation":120,"\u002Fen\u002Fguides\u002Finstallation":121,"\u002Fit\u002Fguide\u002Fmigration":122,"\u002Fen\u002Fguides\u002Fmigration":123,"\u002Fit\u002Fguide\u002Fnuxt":124,"\u002Fen\u002Fguides\u002Fnuxt":125,"\u002Fit\u002Fguide\u002Foptions-and-items":126,"\u002Fen\u002Fguides\u002Foptions-and-items":127,"\u002Fit\u002Fguide\u002Fpassthrough":128,"\u002Fen\u002Fguides\u002Fpassthrough":129,"\u002Fit\u002Fguide\u002Fpreset-components":130,"\u002Fen\u002Fguides\u002Fpreset-components":131,"\u002Fit\u002Fguide\u002Fvalidated-forms":132,"\u002Fen\u002Fguides\u002Fvalidated-forms":133},"\u002Fen\u002Fcomponents\u002Fbb-accordion","\u002Fit\u002Fcomponenti\u002Fbb-accordion","\u002Fen\u002Fcomponents\u002Fbb-alert","\u002Fit\u002Fcomponenti\u002Fbb-alert","\u002Fen\u002Fcomponents\u002Fbb-asterisk","\u002Fit\u002Fcomponenti\u002Fbb-asterisk","\u002Fen\u002Fcomponents\u002Fbb-avatar","\u002Fit\u002Fcomponenti\u002Fbb-avatar","\u002Fen\u002Fcomponents\u002Fbb-badge","\u002Fit\u002Fcomponenti\u002Fbb-badge","\u002Fen\u002Fcomponents\u002Fbb-base-button","\u002Fit\u002Fcomponenti\u002Fbb-base-button","\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs","\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs","\u002Fen\u002Fcomponents\u002Fbb-button","\u002Fit\u002Fcomponenti\u002Fbb-button","\u002Fen\u002Fcomponents\u002Fbb-calendar","\u002Fit\u002Fcomponenti\u002Fbb-calendar","\u002Fen\u002Fcomponents\u002Fbb-checkbox","\u002Fit\u002Fcomponenti\u002Fbb-checkbox","\u002Fen\u002Fcomponents\u002Fbb-checkbox-group","\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group","\u002Fen\u002Fcomponents\u002Fbb-collapsible","\u002Fit\u002Fcomponenti\u002Fbb-collapsible","\u002Fen\u002Fcomponents\u002Fbb-color-input","\u002Fit\u002Fcomponenti\u002Fbb-color-input","\u002Fen\u002Fcomponents\u002Fbb-color-palette","\u002Fit\u002Fcomponenti\u002Fbb-color-palette","\u002Fen\u002Fcomponents\u002Fbb-confirm","\u002Fit\u002Fcomponenti\u002Fbb-confirm","\u002Fen\u002Fcomponents\u002Fbb-date-picker","\u002Fit\u002Fcomponenti\u002Fbb-date-picker","\u002Fen\u002Fcomponents\u002Fbb-date-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input","\u002Fen\u002Fcomponents\u002Fbb-dialog","\u002Fit\u002Fcomponenti\u002Fbb-dialog","\u002Fen\u002Fcomponents\u002Fbb-dropdown","\u002Fit\u002Fcomponenti\u002Fbb-dropdown","\u002Fen\u002Fcomponents\u002Fbb-dropdown-button","\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button","\u002Fen\u002Fcomponents\u002Fbb-dropzone","\u002Fit\u002Fcomponenti\u002Fbb-dropzone","\u002Fen\u002Fcomponents\u002Fbb-form","\u002Fit\u002Fcomponenti\u002Fbb-form","\u002Fen\u002Fcomponents\u002Fbb-hover-card","\u002Fit\u002Fcomponenti\u002Fbb-hover-card","\u002Fen\u002Fcomponents\u002Fbb-icon","\u002Fit\u002Fcomponenti\u002Fbb-icon","\u002Fen\u002Fcomponents\u002Fbb-indicator","\u002Fit\u002Fcomponenti\u002Fbb-indicator","\u002Fen\u002Fcomponents\u002Fbb-number-input","\u002Fit\u002Fcomponenti\u002Fbb-number-input","\u002Fen\u002Fcomponents\u002Fbb-off-canvas","\u002Fit\u002Fcomponenti\u002Fbb-off-canvas","\u002Fen\u002Fcomponents\u002Fbb-pagination","\u002Fit\u002Fcomponenti\u002Fbb-pagination","\u002Fen\u002Fcomponents\u002Fbb-popover","\u002Fit\u002Fcomponenti\u002Fbb-popover","\u002Fen\u002Fcomponents\u002Fbb-progress","\u002Fit\u002Fcomponenti\u002Fbb-progress","\u002Fen\u002Fcomponents\u002Fbb-radio","\u002Fit\u002Fcomponenti\u002Fbb-radio","\u002Fen\u002Fcomponents\u002Fbb-radio-group","\u002Fit\u002Fcomponenti\u002Fbb-radio-group","\u002Fen\u002Fcomponents\u002Fbb-rating","\u002Fit\u002Fcomponenti\u002Fbb-rating","\u002Fen\u002Fcomponents\u002Fbb-select","\u002Fit\u002Fcomponenti\u002Fbb-select","\u002Fen\u002Fcomponents\u002Fbb-select-popover","\u002Fit\u002Fcomponenti\u002Fbb-select-popover","\u002Fen\u002Fcomponents\u002Fbb-slider","\u002Fit\u002Fcomponenti\u002Fbb-slider","\u002Fen\u002Fcomponents\u002Fbb-smooth-height","\u002Fit\u002Fcomponenti\u002Fbb-smooth-height","\u002Fen\u002Fcomponents\u002Fbb-spinner","\u002Fit\u002Fcomponenti\u002Fbb-spinner","\u002Fen\u002Fcomponents\u002Fbb-switch","\u002Fit\u002Fcomponenti\u002Fbb-switch","\u002Fen\u002Fcomponents\u002Fbb-switch-group","\u002Fit\u002Fcomponenti\u002Fbb-switch-group","\u002Fen\u002Fcomponents\u002Fbb-table","\u002Fit\u002Fcomponenti\u002Fbb-table","\u002Fen\u002Fcomponents\u002Fbb-tabs","\u002Fit\u002Fcomponenti\u002Fbb-tabs","\u002Fen\u002Fcomponents\u002Fbb-tag","\u002Fit\u002Fcomponenti\u002Fbb-tag","\u002Fen\u002Fcomponents\u002Fbb-text-input","\u002Fit\u002Fcomponenti\u002Fbb-text-input","\u002Fen\u002Fcomponents\u002Fbb-textarea","\u002Fit\u002Fcomponenti\u002Fbb-textarea","\u002Fen\u002Fcomponents\u002Fbb-time-picker","\u002Fit\u002Fcomponenti\u002Fbb-time-picker","\u002Fen\u002Fcomponents\u002Fbb-time-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input","\u002Fen\u002Fcomponents\u002Fbb-toast","\u002Fit\u002Fcomponenti\u002Fbb-toast","\u002Fen\u002Fcomponents\u002Fbb-tooltip","\u002Fit\u002Fcomponenti\u002Fbb-tooltip","\u002Fen\u002Fcomponents\u002Fbb-tree","\u002Fit\u002Fcomponenti\u002Fbb-tree","\u002Fen\u002Fguides\u002Fadoption-checklist","\u002Fit\u002Fguide\u002Fadoption-checklist","\u002Fen\u002Fguides\u002Fai-agents","\u002Fit\u002Fguide\u002Fai-agents","\u002Fen\u002Fguides\u002Fcoherence","\u002Fit\u002Fguide\u002Fcoherence","\u002Fen\u002Fguides\u002Fdesign-language","\u002Fit\u002Fguide\u002Fdesign-language","\u002Fen\u002Fguides\u002Fdesign-tokens","\u002Fit\u002Fguide\u002Fdesign-tokens","\u002Fen\u002Fguides\u002Ffetching-data","\u002Fit\u002Fguide\u002Ffetching-data","\u002Fen\u002Fguides\u002Ficons","\u002Fit\u002Fguide\u002Ficons","\u002Fen\u002Fguides\u002Finertia","\u002Fit\u002Fguide\u002Finertia","\u002Fen\u002Fguides\u002Finstallation","\u002Fit\u002Fguide\u002Finstallation","\u002Fen\u002Fguides\u002Fmigration","\u002Fit\u002Fguide\u002Fmigration","\u002Fen\u002Fguides\u002Fnuxt","\u002Fit\u002Fguide\u002Fnuxt","\u002Fen\u002Fguides\u002Foptions-and-items","\u002Fit\u002Fguide\u002Foptions-and-items","\u002Fen\u002Fguides\u002Fpassthrough","\u002Fit\u002Fguide\u002Fpassthrough","\u002Fen\u002Fguides\u002Fpreset-components","\u002Fit\u002Fguide\u002Fpreset-components","\u002Fen\u002Fguides\u002Fvalidated-forms","\u002Fit\u002Fguide\u002Fvalidated-forms",[135,150,162,186,198,242,275,311,332,353,365,371],{"label":136,"entries":137},"Getting started",[138,142,146],{"title":139,"path":140,"order":141},"Installation","\u002Fguides\u002Finstallation",1,{"title":143,"path":144,"order":145},"Migrating from v2","\u002Fguides\u002Fmigration",2,{"title":147,"path":148,"order":149},"Adoption checklist","\u002Fguides\u002Fadoption-checklist",3,{"label":151,"entries":152},"Design system",[153,156,159],{"title":154,"path":155,"order":141},"Design tokens","\u002Fguides\u002Fdesign-tokens",{"title":157,"path":158,"order":145},"Design language","\u002Fguides\u002Fdesign-language",{"title":160,"path":161,"order":149},"Passthrough","\u002Fguides\u002Fpassthrough",{"label":163,"entries":164},"Playbooks",[165,168,171,174,178,182],{"title":166,"path":167,"order":141},"Options and items","\u002Fguides\u002Foptions-and-items",{"title":169,"path":170,"order":145},"Fetching data","\u002Fguides\u002Ffetching-data",{"title":172,"path":173,"order":149},"Coherence","\u002Fguides\u002Fcoherence",{"title":175,"path":176,"order":177},"Validated forms","\u002Fguides\u002Fvalidated-forms",4,{"title":179,"path":180,"order":181},"Icons","\u002Fguides\u002Ficons",5,{"title":183,"path":184,"order":185},"Preset components","\u002Fguides\u002Fpreset-components",6,{"label":187,"entries":188},"Ecosystem",[189,192,195],{"title":190,"path":191,"order":141},"Inertia and Laravel","\u002Fguides\u002Finertia",{"title":193,"path":194,"order":145},"Nuxt","\u002Fguides\u002Fnuxt",{"title":196,"path":197,"order":149},"AI agents","\u002Fguides\u002Fai-agents",{"label":199,"entries":200},"Inputs",[201,204,207,210,213,216,219,222,226,230,234,238],{"title":202,"path":203,"component":202,"order":141},"BbBaseButton","\u002Fcomponents\u002Fbb-base-button",{"title":205,"path":206,"component":205,"order":145},"BbButton","\u002Fcomponents\u002Fbb-button",{"title":208,"path":209,"component":208,"order":149},"BbCalendar","\u002Fcomponents\u002Fbb-calendar",{"title":211,"path":212,"component":211,"order":149},"BbColorInput","\u002Fcomponents\u002Fbb-color-input",{"title":214,"path":215,"component":214,"order":177},"BbDatePickerInput","\u002Fcomponents\u002Fbb-date-picker-input",{"title":217,"path":218,"component":217,"order":181},"BbDropzone","\u002Fcomponents\u002Fbb-dropzone",{"title":220,"path":221,"component":220,"order":185},"BbForm","\u002Fcomponents\u002Fbb-form",{"title":223,"path":224,"component":223,"order":225},"BbNumberInput","\u002Fcomponents\u002Fbb-number-input",7,{"title":227,"path":228,"component":227,"order":229},"BbTag","\u002Fcomponents\u002Fbb-tag",8,{"title":231,"path":232,"component":231,"order":233},"BbTextarea","\u002Fcomponents\u002Fbb-textarea",9,{"title":235,"path":236,"component":235,"order":237},"BbTextInput","\u002Fcomponents\u002Fbb-text-input",10,{"title":239,"path":240,"component":239,"order":241},"BbTimePickerInput","\u002Fcomponents\u002Fbb-time-picker-input",11,{"label":243,"entries":244},"Selection",[245,248,251,254,257,260,263,266,269,272],{"title":246,"path":247,"component":246,"order":141},"BbCheckbox","\u002Fcomponents\u002Fbb-checkbox",{"title":249,"path":250,"component":249,"order":145},"BbCheckboxGroup","\u002Fcomponents\u002Fbb-checkbox-group",{"title":252,"path":253,"component":252,"order":149},"BbRadio","\u002Fcomponents\u002Fbb-radio",{"title":255,"path":256,"component":255,"order":177},"BbRadioGroup","\u002Fcomponents\u002Fbb-radio-group",{"title":258,"path":259,"component":258,"order":181},"BbRating","\u002Fcomponents\u002Fbb-rating",{"title":261,"path":262,"component":261,"order":185},"BbSelect","\u002Fcomponents\u002Fbb-select",{"title":264,"path":265,"component":264,"order":225},"BbSelectPopover","\u002Fcomponents\u002Fbb-select-popover",{"title":267,"path":268,"component":267,"order":229},"BbSlider","\u002Fcomponents\u002Fbb-slider",{"title":270,"path":271,"component":270,"order":233},"BbSwitch","\u002Fcomponents\u002Fbb-switch",{"title":273,"path":274,"component":273,"order":237},"BbSwitchGroup","\u002Fcomponents\u002Fbb-switch-group",{"label":276,"entries":277},"Overlay",[278,281,284,287,290,293,296,299,302,305,308],{"title":279,"path":280,"component":279,"order":141},"BbColorPalette","\u002Fcomponents\u002Fbb-color-palette",{"title":282,"path":283,"component":282,"order":145},"BbConfirm","\u002Fcomponents\u002Fbb-confirm",{"title":285,"path":286,"component":285,"order":149},"BbDatePicker","\u002Fcomponents\u002Fbb-date-picker",{"title":288,"path":289,"component":288,"order":177},"BbDialog","\u002Fcomponents\u002Fbb-dialog",{"title":291,"path":292,"component":291,"order":181},"BbDropdown","\u002Fcomponents\u002Fbb-dropdown",{"title":294,"path":295,"component":294,"order":185},"BbDropdownButton","\u002Fcomponents\u002Fbb-dropdown-button",{"title":297,"path":298,"component":297,"order":225},"BbHoverCard","\u002Fcomponents\u002Fbb-hover-card",{"title":300,"path":301,"component":300,"order":225},"BbOffCanvas","\u002Fcomponents\u002Fbb-off-canvas",{"title":303,"path":304,"component":303,"order":229},"BbPopover","\u002Fcomponents\u002Fbb-popover",{"title":306,"path":307,"component":306,"order":233},"BbTimePicker","\u002Fcomponents\u002Fbb-time-picker",{"title":309,"path":310,"component":309,"order":237},"BbTooltip","\u002Fcomponents\u002Fbb-tooltip",{"label":312,"entries":313},"Navigation",[314,317,320,323,326,329],{"title":315,"path":316,"component":315,"order":141},"BbAccordion","\u002Fcomponents\u002Fbb-accordion",{"title":318,"path":319,"component":318,"order":145},"BbBreadcrumbs","\u002Fcomponents\u002Fbb-breadcrumbs",{"title":321,"path":322,"component":321,"order":149},"BbCollapsible","\u002Fcomponents\u002Fbb-collapsible",{"title":324,"path":325,"component":324,"order":177},"BbPagination","\u002Fcomponents\u002Fbb-pagination",{"title":327,"path":328,"component":327,"order":181},"BbTabs","\u002Fcomponents\u002Fbb-tabs",{"title":330,"path":331,"component":330,"order":185},"BbTree","\u002Fcomponents\u002Fbb-tree",{"label":333,"entries":334},"Feedback",[335,338,341,344,347,350],{"title":336,"path":337,"component":336,"order":141},"BbAlert","\u002Fcomponents\u002Fbb-alert",{"title":339,"path":340,"component":339,"order":145},"BbBadge","\u002Fcomponents\u002Fbb-badge",{"title":342,"path":343,"component":342,"order":149},"BbIndicator","\u002Fcomponents\u002Fbb-indicator",{"title":345,"path":346,"component":345,"order":177},"BbProgress","\u002Fcomponents\u002Fbb-progress",{"title":348,"path":349,"component":348,"order":181},"BbSpinner","\u002Fcomponents\u002Fbb-spinner",{"title":351,"path":352,"component":351,"order":185},"BbToast","\u002Fcomponents\u002Fbb-toast",{"label":354,"entries":355},"Data Display",[356,359,362],{"title":357,"path":358,"component":357,"order":141},"BbAvatar","\u002Fcomponents\u002Fbb-avatar",{"title":360,"path":361,"component":360,"order":145},"BbIcon","\u002Fcomponents\u002Fbb-icon",{"title":363,"path":364,"component":363,"order":149},"BbTable","\u002Fcomponents\u002Fbb-table",{"label":366,"entries":367},"Layout & Utility",[368],{"title":369,"path":370,"component":369,"order":141},"BbSmoothHeight","\u002Fcomponents\u002Fbb-smooth-height",{"label":372,"entries":373},"Other",[374],{"title":375,"path":376,"component":375,"order":141},"BbAsterisk","\u002Fcomponents\u002Fbb-asterisk",null,{"id":379,"title":214,"body":380,"component":214,"description":900,"extension":901,"group":199,"meta":902,"navigation":903,"order":177,"path":215,"sections":904,"seo":911,"stem":912,"__hash__":913},"docs_en\u002Fcomponents\u002Fbb-date-picker-input.md",{"type":381,"value":382,"toc":892},"minimark",[383,431,437,440,448,467,471,486,502,508,514,542,545,562,595,617,623,632,635,645,651,672,675,699,705,729,732,738,741,765,771,787,790,804,825],[384,385,386,394],"when",{},[387,388,389,390,393],"p",{},"Use ",[391,392,214],"code",{}," when people type or pick a date in a labelled form field.",[395,396,398],"template",{"v-slot:else":397},"",[399,400,401,410,417,424],"ul",{},[402,403,404,409],"li",{},[405,406,407],"a",{"href":34},[391,408,285],{},": the calendar opens from\nyour own cell, chip, or button",[402,411,412,416],{},[405,413,414],{"href":20},[391,415,208],{},": the calendar sits in the page,\nalways visible, with no field around it",[402,418,419,423],{},[405,420,421],{"href":96},[391,422,239],{},": the value is a\nrecurring wall-clock time with no date",[402,425,426,430],{},[405,427,428],{"href":70},[391,429,261],{},": the choice is a short fixed list of\nperiods",[387,432,433,434,436],{},"Also see: ",[405,435,175],{"href":132},".",[387,438,439],{},"Choose the value contract before adding validation or layout.",[441,442,444],"h2",{"id":443},"value",[445,446,447],"span",{},"Calendar day or instant",[387,449,389,450,456,457,463,464,436],{},[405,451,453],{"href":452},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-floating",[391,454,455],{},"floating"," when “2027-01-01” must stay that day everywhere. Use the default\noffset timestamp for an instant, and ",[405,458,460],{"href":459},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-utc",[391,461,462],{},"utc"," only when the receiving API requires\n",[391,465,466],{},"Z",[468,469],"demo",{"name":470},"BbDatePickerInput\u002FOutputFormat",[387,472,473,474,476,477,479,480,483,484,436],{},"The default emits a local-offset ISO timestamp. ",[391,475,462],{}," emits the same instant in\nUTC. ",[391,478,455],{}," emits only ",[391,481,482],{},"YYYY-MM-DD","; it cannot be combined meaningfully with\n",[391,485,462],{},[487,488,490],"migration",{"title":489},"The default timezone output changed",[387,491,492,493,495,496,498,499,501],{},"v2 emitted UTC ",[391,494,466],{}," timestamps. v3 emits the local offset by default. Add ",[391,497,462],{},"\nto preserve the v2 wire format, or choose ",[391,500,455],{}," for a calendar day. Reading\naccepts all three forms, so stored values do not need rewriting.",[387,503,504,505,507],{},"For server-rendered pages, seed a ",[391,506,455],{}," value or start empty. A zoned instant\nmay display different local digits on the server and in the browser.",[441,509,511],{"id":510},"task",[445,512,513],{},"A date field",[387,515,516,517,523,524,530,531,537,538,541],{},"Use a stable ",[405,518,520],{"href":519},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-id",[391,521,522],{},"id",", a visible ",[405,525,527],{"href":526},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-label",[391,528,529],{},"label",", and ",[405,532,534],{"href":533},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-name",[391,535,536],{},"name"," when native form submission or\n",[391,539,540],{},"FormData"," must include the value.",[468,543],{"name":544},"BbDatePickerInput\u002FBasic",[387,546,547,548,554,555,561],{},"Bind ",[405,549,551],{"href":550},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-min",[391,552,553],{},"min"," to another field, as the due date does here, and use\n",[405,556,558],{"href":557},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-readonly",[391,559,560],{},"readonly"," for dates the system sets.",[387,563,564,565,569,570,572,573,579,580,586,587,590,591,594],{},"Inside a ",[405,566,567],{"href":46},[391,568,220],{}," the field joins the form by its ",[391,571,536],{}," and checks itself with\n",[405,574,576],{"href":575},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-rules",[391,577,578],{},"rules","; ",[405,581,583],{"href":582},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-formless",[391,584,585],{},"formless"," keeps a filter date out of the submitted values.\nTo require it, add ",[391,588,589],{},"rules=\"required\"",", and the asterisk follows. Inside a form the ",[391,592,593],{},"required"," prop is a hint that marks the field and checks nothing; outside one it is the native attribute.",[387,596,597,598,602,603,609,610,614,615,436],{},"Label, message and state props work as on ",[405,599,600],{"href":90},[391,601,235],{},".\n",[405,604,606],{"href":605},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-variant",[391,607,608],{},"variant=\"none\""," drops every colour, focus ring included, for a field you style yourself, like ",[405,611,613],{"href":612},"\u002Fen\u002Fcomponents\u002Fbb-text-input#layout","the flat search field"," on ",[391,616,235],{},[441,618,620],{"id":619},"range",[445,621,622],{},"Date ranges",[387,624,625,626,631],{},"Set ",[405,627,629],{"href":628},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-range",[391,630,619],{}," for a check-in\u002Fcheck-out window and keep the model as an array.",[468,633],{"name":634},"BbDatePickerInput\u002FRange",[387,636,637,638,641,642,436],{},"Seed and clear it with ",[391,639,640],{},"[]",". A reversed typed range is swapped on commit and\nemits ",[391,643,644],{},"end_before_start",[441,646,648],{"id":647},"constraints",[445,649,650],{},"Bounds and invalid input",[387,652,389,653,657,658,664,665,671],{},[405,654,655],{"href":550},[391,656,553],{}," and ",[405,659,661],{"href":660},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-max",[391,662,663],{},"max"," for a continuous window and ",[405,666,668],{"href":667},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-selectable",[391,669,670],{},"selectable"," for rules such as\nweekdays or closures.",[468,673],{"name":674},"BbDatePickerInput\u002FBounds",[387,676,677,678,684,685,691,692,698],{},"Malformed bounds throw during setup. A typed disabled date is normalized on\ncommit and reported through ",[405,679,681],{"href":680},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#event-error",[391,682,683],{},"error","; turn that payload into an application\nmessage with ",[405,686,688],{"href":687},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-errors",[391,689,690],{},"errors",". Clear the message on ",[405,693,695],{"href":694},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#event-active",[391,696,697],{},"active",", not on the model update\nthat normalization itself caused.",[441,700,702],{"id":701},"datetime",[445,703,704],{},"Other calendar values",[387,706,625,707,713,714,717,718,721,722,725,726,728],{},[405,708,710],{"href":709},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-type",[391,711,712],{},"type=\"month\""," or ",[391,715,716],{},"type=\"year\""," for calendar labels. They emit ",[391,719,720],{},"YYYY-MM"," or\n",[391,723,724],{},"YYYY",", force ",[391,727,455],{},", and ignore timezone props.",[468,730],{"name":731},"BbDatePickerInput\u002FMonthYear",[387,733,389,734,737],{},[391,735,736],{},"type=\"datetime\""," only when a time belongs to a specific date.",[468,739],{"name":740},"BbDatePickerInput\u002FDateTime",[387,742,743,744,746,747,753,754,713,757,760,761,764],{},"With ",[391,745,455],{},", bind ",[405,748,750],{"href":749},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#model-time",[391,751,752],{},"v-model:time",", or the picked time is lost.\nThe companion model is always a 24-hour ",[391,755,756],{},"HH:mm",[391,758,759],{},"HH:mm:ss"," string. A bound\nwith a time, such as ",[391,762,763],{},"min=\"2026-08-30T14:00\"",", disables the earlier times on\nthat day.",[441,766,768],{"id":767},"platform",[445,769,770],{},"Typing and mobile",[387,772,389,773,779,780,786],{},[405,774,776],{"href":775},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-disableCalendar",[391,777,778],{},"disable-calendar"," where typing is faster than paging through months,\nas for a birth date, and ",[405,781,783],{"href":782},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-disableWriting",[391,784,785],{},"disable-writing=\"mobile\""," where touch users should pick\nfrom the calendar.",[468,788],{"name":789},"BbDatePickerInput\u002FPlatform",[387,791,792,793,799,800,803],{},"Segments follow the plugin's ",[405,794,796],{"href":795},"\u002Fen\u002Fguides\u002Finstallation#build-plugin",[391,797,798],{},"locale",": month first for ",[391,801,802],{},"en",", day first otherwise.",[387,805,806,807,813,814,820,821,824],{},"On phones, ",[405,808,810],{"href":809},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-adaptive",[391,811,812],{},"adaptive"," opens the calendar in a bottom sheet. Pass sheet options\nthrough ",[405,815,817],{"href":816},"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input\u002Fapi#prop-offCanvasProps",[391,818,819],{},"offCanvasProps",", or set ",[391,822,823],{},":adaptive=\"false\""," for viewport-independent\ntests.",[487,826,828,869,886],{"title":827},"Renamed and removed date-field props",[399,829,830,838,847,854,861],{},[402,831,832,833,835,836,436],{},"Replace ",[391,834,701],{}," with ",[391,837,736],{},[402,839,832,840,843,844,436],{},[391,841,842],{},"allow-writing"," with the inverted ",[391,845,846],{},"disable-writing",[402,848,832,849,835,852,436],{},[391,850,851],{},"hide-popover",[391,853,778],{},[402,855,856,857,860],{},"Remove ",[391,858,859],{},"width","; constrain the calendar with CSS only when needed.",[402,862,832,863,835,866,436],{},[391,864,865],{},"has-warning",[391,867,868],{},"has-warnings",[387,870,871,872,875,876,879,880,883,884,436],{},"The v2 token ",[391,873,874],{},"not-mobile"," becomes ",[391,877,878],{},"mobile"," for the inverted writing prop and\n",[391,881,882],{},"desktop"," for ",[391,885,778],{},[387,887,888,889,891],{},"The adaptive mobile sheet is now enabled by default. Set ",[391,890,823],{}," to\nretain a popover on every viewport.",{"title":397,"searchDepth":149,"depth":149,"links":893},[894,895,896,897,898,899],{"id":443,"depth":145,"text":447},{"id":510,"depth":145,"text":513},{"id":619,"depth":145,"text":622},{"id":647,"depth":145,"text":650},{"id":701,"depth":145,"text":704},{"id":767,"depth":145,"text":770},"Enter a calendar day, range, month, year, or dated time in a labelled segmented field.","md",{},true,[905,906,907,908,909,910],{"id":443,"title":447},{"id":510,"title":513},{"id":619,"title":622},{"id":647,"title":650},{"id":701,"title":704},{"id":767,"title":770},{"title":214,"description":900},"components\u002Fbb-date-picker-input","NdiACDlZHWio3f1QtehVe1IC2r6_XfGjYF8EJDXpgzw",{"name":214,"slug":915,"group":199,"description":916,"entrypoint":917,"docs":918,"props":921,"models":1105,"events":1109,"slots":1143,"exposed":1183,"pt":1184,"validated":377,"migration":1304},"bb-date-picker-input","Combines date selection with text input behavior.","bitboss-ui",{"contract":919,"source":920},"ai\u002FBbDatePickerInput.md","ai\u002Fsource\u002FBbDatePickerInput.md",[922,928,932,936,940,944,947,950,953,958,961,965,968,973,976,978,981,984,987,990,992,996,999,1002,1006,1010,1014,1017,1020,1023,1027,1030,1034,1037,1040,1043,1047,1052,1055,1057,1059,1062,1065,1068,1071,1076,1079,1082,1087,1090,1093,1097,1102],{"name":812,"type":923,"required":924,"default":925,"description":926,"note":927,"demo":767},"boolean | undefined",false,"`config.adaptive` (`true`)","On mobile the calendar opens inside a bottom off-canvas sheet instead of a floating popover, mirroring the adaptive behaviour of `BbPopover`\u002F`BbSelect`. When unset, falls back to the global `config.adaptive`.","On by default in v3. Set `:adaptive=\"false\"` to keep the popover on every viewport.",{"name":929,"type":923,"required":924,"default":930,"description":931,"note":377,"demo":377},"ampm","false","12-hour display with an AM\u002FPM segment (requires `type=\"datetime\"`). Purely a field-composition concern: `modelValue` and the `time` model stay 24-hour regardless. Type `A`\u002F`P` (or ArrowUp\u002FDown) to set the meridiem.",{"name":933,"type":934,"required":924,"default":377,"description":935,"note":377,"demo":377},"append:icon","string | undefined","Name of the icon to be added at the end of the input.",{"name":937,"type":934,"required":924,"default":938,"description":939,"note":377,"demo":377},"autocomplete","\"off\"","Guides the browser as to the type of information expected in the field.",{"name":941,"type":942,"required":924,"default":377,"description":943,"note":377,"demo":377},"autofocus","Booleanish | undefined","Focuses the field when it mounts (a dialog already open included), unless the user is typing in another field.",{"name":945,"type":923,"required":924,"default":930,"description":946,"note":377,"demo":377},"clearable","Displays a clear button when the input has a value and is being interacted with.",{"name":948,"type":923,"required":924,"default":930,"description":949,"note":377,"demo":377},"compact","Compact density: the field uses the `-compact` twins of `--bb-input-h`, `--bb-input-py` and `--bb-label-spacing-y`, so a `--bb-input-h` set on the component is ignored while it is on. Size a compact field with `--bb-input-h-compact` (and `--bb-input-py-compact`).",{"name":951,"type":934,"required":924,"default":377,"description":952,"note":377,"demo":377},"description","Text between the label and the input. Unlike the hint it is always visible; it joins the input's `aria-describedby` after any `errors` \u002F `warnings`, before the `hint`.",{"name":954,"type":955,"required":924,"default":930,"description":956,"note":957,"demo":767},"disableCalendar","boolean | \"mobile\" | \"desktop\" | undefined","Disables the calendar: hides the trigger button and prevents the popover from opening. Use `'desktop'` to disable it on desktop only (keeping the calendar for mobile, complementing `disableWriting: 'mobile'`) or `'mobile'` to disable it on mobile only.","Replaces v2 `hide-popover`; the v2 token `not-mobile` becomes `desktop`.",{"name":959,"type":923,"required":924,"default":930,"description":960,"note":377,"demo":377},"disabled","Disables the component.",{"name":962,"type":955,"required":924,"default":930,"description":963,"note":964,"demo":767},"disableWriting","Disables typing into the input. Use `'mobile'` to disable typing only on mobile, `'desktop'` to disable typing only on desktop.","Replaces v2 `allow-writing`, with the polarity inverted; the v2 token `not-mobile` becomes `mobile`.",{"name":690,"type":966,"required":924,"default":377,"description":967,"note":377,"demo":647},"string | string[] | undefined","Error messages under the field, a string or array, in an `aria-live=\"polite\"` region and first in the control's `aria-describedby`, so they are re-read when it regains focus.",{"name":969,"type":970,"required":924,"default":971,"description":972,"note":377,"demo":377},"firstDayOfWeek","0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined","the locale's week start","First day of the week (0 = Sunday … 6 = Saturday). Omitted, the active locale's week start: Monday for `it`, `de`, `fr`, `en-gb`…, Sunday for bare `en` (US) and `pt` (Brazil).",{"name":455,"type":923,"required":924,"default":930,"description":974,"note":975,"demo":443},"If true the date will have a format YYYY-MM-DD instead of the default ISO string.","Use it when “2027-01-01” must stay that day everywhere. Leave it off for an instant; seed a `floating` value, or start empty, on server-rendered pages.",{"name":585,"type":923,"required":924,"default":930,"description":977,"note":377,"demo":510},"Keep this control out of the enclosing `BbForm` entirely: not submitted, not dirty, not reset, not validated. For a control that is not form data (a filter, a \"show advanced\" switch).",{"name":979,"type":923,"required":924,"default":930,"description":980,"note":377,"demo":377},"hasErrors","Define if the component should be in an error state. It usually attaches a CSS class for styling purposes.",{"name":982,"type":923,"required":924,"default":930,"description":983,"note":377,"demo":377},"hasWarnings","Define if the component should be in a warning state. Same chrome as errors with `--bb-warn`; errors take priority.",{"name":985,"type":923,"required":924,"default":930,"description":986,"note":377,"demo":377},"hideLabel","Visually hides the label of the input while maintaining accessibility.",{"name":988,"type":934,"required":924,"default":377,"description":989,"note":377,"demo":377},"hint","Text box to be displayed near the input, usually to indicate instructions.",{"name":522,"type":934,"required":924,"default":377,"description":991,"note":377,"demo":377},"The `id` of the native control; the label's `for` and the description and message ids derive from it. Generated when omitted.",{"name":993,"type":994,"required":924,"default":377,"description":995,"note":377,"demo":377},"inputAlign","FieldCrossAlign | undefined","Vertical position of the control in a side-by-side row; not `inputPosition`, the horizontal one. Omitted, the control's first line meets the label's.",{"name":529,"type":997,"required":903,"default":377,"description":998,"note":377,"demo":510},"string","Text content of the label of the element.",{"name":1000,"type":994,"required":924,"default":377,"description":1001,"note":377,"demo":377},"labelAlign","Vertical position of the label block in a side-by-side row; not `labelPosition`, the horizontal one. Omitted, the label's first line meets the control's.",{"name":1003,"type":1004,"required":924,"default":377,"description":1005,"note":377,"demo":377},"labelMode","\"outside\" | \"floating\" | \"inside\" | undefined","Label rendering mode.",{"name":1007,"type":1008,"required":924,"default":377,"description":1009,"note":377,"demo":377},"labelPosition","\"left\" | \"center\" | \"right\" | undefined","Sets the text alignment of the label.",{"name":1011,"type":1012,"required":924,"default":377,"description":1013,"note":377,"demo":377},"layout","Responsive\u003CFieldLayout> | undefined","How label and input sit together: `'vertical'`, `'horizontal'` (50\u002F50), `'auto'`, `'label-fill'`, `'input-fill'`, a ratio like `'xx xxxxx'`, or a per-breakpoint map (`{ default: 'vertical', md: 'xx xxxxx' }`).",{"name":1015,"type":923,"required":924,"default":930,"description":1016,"note":377,"demo":377},"loading","Sets the component in a loading state, usually triggering some visual styles.",{"name":663,"type":934,"required":924,"default":377,"description":1018,"note":1019,"demo":647},"Maximum selectable date in `YYYY-MM-DD` format — or, with `type=\"datetime\"`, `YYYY-MM-DDTHH:mm` to tighten the boundary day to a minute. Values outside both patterns throw during setup to surface configuration mistakes.","With `type=\"datetime\"`, add a time (`2026-10-31T18:00`) when the bound is a moment: on that day the later times are disabled.",{"name":553,"type":934,"required":924,"default":377,"description":1021,"note":1022,"demo":647},"Minimum selectable date in `YYYY-MM-DD` format — or, with `type=\"datetime\"`, `YYYY-MM-DDTHH:mm` to tighten the boundary day to a minute. Values outside both patterns throw during setup to surface configuration mistakes.","With `type=\"datetime\"`, add a time (`2026-08-30T14:00`) when the bound is a moment: on that day the earlier times are disabled.",{"name":1024,"type":1025,"required":924,"default":377,"description":1026,"note":377,"demo":377},"modelValue","string | string[] | null | undefined","Used by v-model. Can be null, a single string, or an array of strings based on whether a range or single date is needed.",{"name":536,"type":934,"required":924,"default":377,"description":1028,"note":1029,"demo":510},"Defines the name of the input.","The key the value is submitted under: in a native form post or `FormData`, and inside a `BbForm`, which falls back to a slug of the label without it.",{"name":819,"type":1031,"required":924,"default":377,"description":1032,"note":1033,"demo":767},"Partial\u003CBbOffCanvasProps> | undefined","Props for the phone sheet (the `BbOffCanvas` that `adaptive` renders on mobile), spread over its defaults. A `pt` inside it styles only the sheet (passthrough guide § Inside the sheet). The sheet hides its ✕; `{ hideClose: false }` brings it back.","v2 spelled it `offcanvas-props`; the old name falls through as an attribute and does nothing.",{"name":1035,"type":923,"required":924,"default":930,"description":1036,"note":377,"demo":377},"persistentHint","Keeps the hint displayed.",{"name":1038,"type":934,"required":924,"default":377,"description":1039,"note":377,"demo":377},"placeholder","Text shown while the field is empty.",{"name":1041,"type":934,"required":924,"default":377,"description":1042,"note":377,"demo":377},"prepend:icon","Name of the icon to be added at the start of the input.",{"name":1044,"type":1045,"required":924,"default":377,"description":1046,"note":377,"demo":377},"pt","(PtMap\u003CBbDatePickerInputPtPart, BbDatePickerInputPtState> & { \"root:outline\"?: PtValue | undefined; \"icon:outline\"?: PtValue | undefined; \"root:secondary\"?: PtValue | undefined; \"icon:secondary\"?: PtValue | undefined; \"spinner:outline\"?: PtValue | undefined; \"spinner:secondary\"?: PtValue | undefined; \"clear:outline\"?: PtValue | undefined; \"clear:secondary\"?: PtValue | undefined; \"root:ghost\"?: PtValue | undefined; \"icon:ghost\"?: PtValue | undefined; \"spinner:ghost\"?: PtValue | undefined; \"clear:ghost\"?: PtValue | undefined; \"label:outline\"?: PtValue | undefined; \"label:secondary\"?: PtValue | undefined; \"label:ghost\"?: PtValue | undefined; \"description:outline\"?: PtValue | undefined; \"description:secondary\"?: PtValue | undefined; \"description:ghost\"?: PtValue | undefined; \"message:outline\"?: PtValue | undefined; \"message:secondary\"?: PtValue | undefined; \"message:ghost\"?: PtValue | undefined; \"hint:outline\"?: PtValue | undefined; \"hint:secondary\"?: PtValue | undefined; \"hint:ghost\"?: PtValue | undefined; \"input:outline\"?: PtValue | undefined; \"input:secondary\"?: PtValue | undefined; \"input:ghost\"?: PtValue | undefined; \"box:outline\"?: PtValue | undefined; \"box:secondary\"?: PtValue | undefined; \"box:ghost\"?: PtValue | undefined; \"prefix:outline\"?: PtValue | undefined; \"prefix:secondary\"?: PtValue | undefined; \"prefix:ghost\"?: PtValue | undefined; \"suffix:outline\"?: PtValue | undefined; \"suffix:secondary\"?: PtValue | undefined; \"suffix:ghost\"?: PtValue | undefined; \"activator:outline\"?: PtValue | undefined; \"activator:secondary\"?: PtValue | undefined; \"activator:ghost\"?: PtValue | undefined; }) | undefined","Passthrough, object form: the same keys as the `pt:*` attributes without the prefix. See the `pt:\u003Cpart>` row.",{"name":1048,"type":1049,"required":924,"default":377,"description":1050,"note":377,"demo":1051},"pt:\u003Cpart>","PtValue | undefined","Passthrough, attribute form: one attribute per part, `pt:\u003Cpart>`, and per part and state, `pt:\u003Cpart>:\u003Cstate>`. Parts: `activator`, `arrow`, `box`, `cellColumnHeader`, `clear`, `day`, `dayButton`, `description`, `header`, `hint`, `icon`, `input`, `item`, `label`, `message`, `month`, `monthItem`, `panel`, `prefix`, `root`, `sheet`, `spinner`, `suffix`, `year`, `yearItem`. States: `active`, `disabled`, `errors`, `ghost`, `hasValue`, `highlighted`, `inRange`, `loading`, `open`, `outline`, `outside`, `rangeEnd`, `rangeStart`, `readonly`, `secondary`, `selected`, `today`, `warnings`.","passthrough",{"name":619,"type":923,"required":924,"default":930,"description":1053,"note":1054,"demo":619},"Selects a range of dates between two dates. It selects all of the days between start and end.","Keep the model an array: seed and clear it with `[]`.",{"name":560,"type":923,"required":924,"default":930,"description":1056,"note":377,"demo":377},"Sets the input in a readonly state.",{"name":593,"type":923,"required":924,"default":930,"description":1058,"note":377,"demo":377},"Sets the input as required.",{"name":1060,"type":923,"required":924,"default":930,"description":1061,"note":377,"demo":377},"reverse","Reverses the layout. Applicable in every direction the order of the label and the input is swapped.",{"name":578,"type":1063,"required":924,"default":377,"description":1064,"note":377,"demo":510},"RuleExpression\u003Cstring | string[] | null>","vee-validate rules for this field. Only inside a `BbForm`.",{"name":1066,"type":923,"required":924,"default":930,"description":1067,"note":377,"demo":377},"seconds","Adds the seconds segment (requires `type=\"datetime\"`). Without it, an incoming value carrying seconds displays truncated and is left untouched until the user commits an edit, at which point seconds zero out.",{"name":670,"type":1069,"required":924,"default":377,"description":1070,"note":377,"demo":647},"((date: string) => boolean) | undefined","Function that accepts a `string` object and returns a boolean. `false` meaning the date cannot be selected.",{"name":1072,"type":1073,"required":924,"default":1074,"description":1075,"note":377,"demo":377},"step","number | undefined","1","Minute granularity for the calendar's minute column and arrow stepping (requires `type=\"datetime\"`). Constrains what the component produces, never what it accepts: a typed off-grid value (e.g. `10:07` with `step: 15`) is emitted verbatim, and no column row highlights for it.",{"name":1077,"type":1025,"required":924,"default":377,"description":1078,"note":377,"demo":377},"time","`v-model:time`: the time part, always 24-hour `HH:mm` \u002F `HH:mm:ss`. With `floating` it is the only carrier of the time; otherwise it mirrors `modelValue`'s, and writing it rewrites that. Requires `type=\"datetime\"`.",{"name":1080,"type":1073,"required":924,"default":377,"description":1081,"note":377,"demo":377},"transitionDuration","Transition duration, in milliseconds, for the popover appearance.",{"name":1083,"type":1084,"required":924,"default":1085,"description":1086,"note":377,"demo":701},"type","DatePickerType | undefined","\"date\"","What the field edits, and so its segments and emitted shape: `date` (`DD\u002FMM\u002FYYYY`), `datetime` (adds the time segments and rail), `month` (`MM\u002FYYYY`, emits `YYYY-MM`) or `year` (`YYYY`). `month` \u002F `year` force `floating`, ignore `utc`, and leave the time props inert.",{"name":462,"type":923,"required":924,"default":930,"description":1088,"note":1089,"demo":443},"Emits UTC ISO strings (`…Z`) instead of the local offset (`…+01:00`). Emission only: incoming values parse the same either way, and the field always displays local time. Ignored with `floating`.","Only when the receiving API requires a `Z` timestamp (the v2 format). Reading accepts both, so stored values need no rewrite.",{"name":1091,"type":934,"required":924,"default":377,"description":1092,"note":377,"demo":377},"validationLabel","The field's name in validation messages (`{field}`): \"Email is not valid\". Defaults to the `label` (or `legend`), then \"This field\"; never the `name`. Set it when the label is hidden or reads badly in a sentence (icon-only, a question). `BbForm` only.",{"name":1094,"type":1095,"required":924,"default":377,"description":1096,"note":377,"demo":377},"validationMode","ValidationMode | undefined","When the field validates: `aggressive` (each change), `balanced` (on leave, then live while in error), `lazy` (on leave), `submit-only`, `submit-live`. Unset: the `BbForm`'s `validation-mode`, then `formControls.validationMode` (`'balanced'`). `BbForm` only.",{"name":1098,"type":1099,"required":924,"default":1100,"description":1101,"note":377,"demo":377},"variant","InputVariantType | undefined","'outline'","The field box's look, with `BbButton`'s names and tokens. Colours only, so a form never reflows; `'ghost'` has no border in any state, `'none'` no look at all (you own hover, focus and the states). Register more with the plugin's `inputVariants`.",{"name":1103,"type":966,"required":924,"default":377,"description":1104,"note":377,"demo":377},"warnings","Warning messages under the field, a string or array: amber, in their own `aria-live` region and in the control's `aria-describedby` after the errors. Non-empty turns on the warning state; errors win when both are set.",[1106,1107],{"name":1024,"type":1025,"note":377,"demo":377},{"name":1077,"type":1025,"note":1108,"demo":701},"With `floating` it is the only carrier of the time, so bind it.",[1110,1113,1117,1121,1124,1127,1130,1133,1136,1140],{"name":697,"signature":1111,"description":1112,"note":377,"demo":377},"(): void","Emitted when the composite control receives focus (first focusin after being inactive).",{"name":683,"signature":1114,"description":1115,"note":1116,"demo":647},"(error: DatePickerInputError): void","Emitted alongside every value normalization or removal when the typed date is invalid or out of range. See `DatePickerInputError` for the full code map and payload shapes.","Turn the payload into a message through `errors`. Clear that message on `active`, not on the model update the normalization itself caused.",{"name":1118,"signature":1119,"description":1120,"note":377,"demo":377},"focus","(event: FocusEvent): void","Emitted when a native text field inside the control gains focus. Forwards the original DOM `FocusEvent`.",{"name":1122,"signature":1111,"description":1123,"note":377,"demo":377},"hidden","Emitted once the calendar surface has finished closing.",{"name":1125,"signature":1111,"description":1126,"note":377,"demo":377},"hide","Emitted as soon as the calendar surface starts to close.",{"name":1128,"signature":1111,"description":1129,"note":377,"demo":377},"inactive","Emitted when focus\u002Fclick moves outside the entire composite control.",{"name":1131,"signature":1111,"description":1132,"note":377,"demo":377},"show","Emitted as soon as the calendar surface starts to open (the popover, or the sheet on a phone).",{"name":1134,"signature":1111,"description":1135,"note":377,"demo":377},"shown","Emitted once the calendar surface is open and its open transition has finished.",{"name":1137,"signature":1138,"description":1139,"note":377,"demo":377},"update:modelValue","(value: string | string[] | null): void","Emitted whenever the selected date value changes. Payload is `null` for cleared values, a single string for single-date mode, or a two-element array for range mode.",{"name":1141,"signature":1138,"description":1142,"note":377,"demo":377},"update:time","Companion time model (`v-model:time`), emitted alongside every value change while `type=\"datetime\"` is on. Always 24-hour `HH:mm` (or `HH:mm:ss` with `seconds`); `null` when cleared, an array in range mode.",[1144,1148,1151,1155,1158,1162,1165,1168,1171,1174,1177,1180],{"name":1145,"type":1146,"description":1147,"note":377,"demo":377},"\u003CYYYY-MM-DD>","BbCalendarDaySlotProps","One date's button label (e.g. `#2024-03-15`: the local `YYYY-MM-DD`, which `slotKey` leaves as it is); beats `day`. Day grid only.",{"name":1149,"type":1146,"description":1150,"note":377,"demo":377},"\u003CYYYY-MM-DD>:append","Content under one date's cell; beats `day:append`.",{"name":1152,"type":1153,"description":1154,"note":377,"demo":377},"append","object","Content rendered after the date fields, at the end of the field box (before the calendar toggle button).",{"name":1156,"type":1153,"description":1157,"note":377,"demo":377},"append:outer","Content rendered after the entire date picker control, outside the input chrome.",{"name":1159,"type":1160,"description":1161,"note":377,"demo":377},"day","{ first: boolean; item: string; label: string; last: boolean; middle: boolean; outside: boolean; selected: boolean; }","Replaces the day button label inside each calendar day.",{"name":1163,"type":1160,"description":1164,"note":377,"demo":377},"day:append","Appends content below each calendar day.",{"name":951,"type":1166,"description":1167,"note":377,"demo":377},"BbDatePickerInputDescriptionSlotProps","Replaces the description text. Provided alone (no `description` prop) it still renders the description region and wires it into `aria-describedby`.",{"name":529,"type":1169,"description":1170,"note":377,"demo":377},"BbDatePickerInputLabelSlotProps","Replaces the default label text rendered above the date picker.",{"name":1172,"type":1153,"description":1173,"note":377,"demo":377},"prefix","Inline content rendered at the start of the input field area, before the date fields.",{"name":1175,"type":1153,"description":1176,"note":377,"demo":377},"prepend","Content rendered before the date fields, at the start of the field box.",{"name":1178,"type":1153,"description":1179,"note":377,"demo":377},"prepend:outer","Content rendered before the entire date picker control, outside the input chrome.",{"name":1181,"type":1153,"description":1182,"note":377,"demo":377},"suffix","Inline content rendered at the end of the input field area, after the date fields.",[],{"parts":1185,"states":1255},[1186,1189,1191,1193,1196,1198,1201,1204,1207,1210,1212,1214,1217,1220,1223,1226,1229,1232,1235,1238,1241,1243,1246,1249,1252],{"name":1187,"description":1188},"root","The field's outer container: the label, the box and the lines under it.",{"name":529,"description":1190},"The label text above the box (the `label` prop).",{"name":951,"description":1192},"The muted line under the label (the `description` prop).",{"name":1194,"description":1195},"message","The errors \u002F warnings line under the box. A node of its own: it can show at the same time as `hint`.",{"name":988,"description":1197},"The helper line (the `hint` prop), shown on focus, or always with `persistent-hint`.",{"name":1199,"description":1200},"box","The bordered box around the input — border, background and radius; the `variant` paints here.",{"name":1202,"description":1203},"input","Every segment field (day, month, year, and the time fields) — a broadcast.",{"name":1205,"description":1206},"icon","The content icons, prepend and append — a broadcast. Chrome (the clear ✕, a chevron, the error \u002F warning glyph) is never in it.",{"name":1208,"description":1209},"spinner","The spinner inside the box while `loading`.",{"name":1172,"description":1211},"The `#prefix` slot's wrapper, inside the box before the input.",{"name":1181,"description":1213},"The `#suffix` slot's wrapper, inside the box after the input.",{"name":1215,"description":1216},"clear","The ✕ that empties this control (`clearable`) — one node, never a chip's own ✕.",{"name":1218,"description":1219},"activator","The button in the box that opens the calendar. Merged after the picker's own activator props and handlers, so a listener of yours runs after ours. Its glyph is not a part.",{"name":1221,"description":1222},"panel","The calendar surface — the popover's painted bubble on desktop, the sheet itself on a phone. It carries the calendar's sizing tokens (`pt:panel=\"[--cell:36px]\"`).",{"name":1224,"description":1225},"sheet","The bottom sheet around the calendar on a phone only.",{"name":1227,"description":1228},"header","The navigation bar: the previous \u002F next arrows and the month \u002F year headings.",{"name":1230,"description":1231},"arrow","The previous \u002F next buttons — a broadcast.",{"name":1233,"description":1234},"month","The month heading button; it opens the month panel.",{"name":1236,"description":1237},"year","The year heading button; it opens the year panel.",{"name":1239,"description":1240},"cellColumnHeader","Each weekday letter above the grid — a broadcast.",{"name":1159,"description":1242},"One whole day cell — a broadcast resolved per day. A background here paints the full cell square; restyle the round mark on `dayButton`.",{"name":1244,"description":1245},"dayButton","The button inside a day cell — the mark that shows selection. A broadcast resolved per day.",{"name":1247,"description":1248},"monthItem","One month button of the month panel (the home grid of `type=\"month\"`) — a broadcast resolved per month.",{"name":1250,"description":1251},"yearItem","One year button of the year list — a broadcast resolved per year.",{"name":1253,"description":1254},"item","One entry of the time rail's columns (hour, minute, second, AM \u002F PM) with `type=\"datetime\"` — a broadcast resolved per entry, as on `BbTimePicker`. With the rail, `header` also lands on its readout and `cellColumnHeader` on its column letters (`HH`, `MM`).",[1256,1258,1260,1262,1265,1268,1271,1274,1276,1279,1282,1285,1288,1291,1293,1296,1299,1302],{"name":697,"description":1257},"Per node, on `month` \u002F `year`: its panel is open.",{"name":959,"description":1259},"Component-wide while the input is `disabled`. Also per node, on the calendar's cells: one outside `min` \u002F `max` or refused by `selectable`; on `arrow`, at a bound or while the month \u002F year panel is open.",{"name":690,"description":1261},"Component-wide: the control is in its error state (`errors` \u002F `has-errors`, or its validation) — the message line and the box turn red.",{"name":1263,"description":1264},"ghost","On the field's parts: `variant: 'ghost'`. Below the real states, like every variant.",{"name":1266,"description":1267},"hasValue","Component-wide: the control holds a value, by its own rule (`0` counts on `BbNumberInput`, `''` on `BbColorInput`).",{"name":1269,"description":1270},"highlighted","Per node, on the cells: the keyboard cursor.",{"name":1272,"description":1273},"inRange","Per node, on the cells (`day`, `dayButton`, `monthItem`, `yearItem`): inside a committed range, between its ends.",{"name":1015,"description":1275},"Component-wide: `loading` is on; the box shows its `spinner`.",{"name":1277,"description":1278},"open","Component-wide: the calendar is showing — `pt:activator:open` styles the trigger while it is.",{"name":1280,"description":1281},"outline","On the field's parts: `variant: 'outline'`. Merged after the part's base entry and before its states, so the real states still win.",{"name":1283,"description":1284},"outside","Per node, on `day` \u002F `dayButton`: a day of the previous or next month, shown to fill the grid.",{"name":1286,"description":1287},"rangeEnd","Per node, on the cells: a committed range's last day, month or year.",{"name":1289,"description":1290},"rangeStart","Per node, on the cells: a committed range's first day, month or year.",{"name":560,"description":1292},"Component-wide: the control is `readonly` — shown, focusable, not editable.",{"name":1294,"description":1295},"secondary","On the field's parts: `variant: 'secondary'`. Below the real states, like every variant.",{"name":1297,"description":1298},"selected","Per node, on the cells: a chosen day, month or year; on `item`, the picked time's entry in each column.",{"name":1300,"description":1301},"today","Per node, on `day` \u002F `dayButton`: today.",{"name":1103,"description":1303},"Component-wide: the control is in its warning state (`warnings` \u002F `has-warnings`) and not in an error state — errors win, so the two are never on together.",{"removed":1305,"renamed":1364},[1306,1314,1321,1325,1328,1332,1336,1340,1344,1347,1353,1357,1362],{"name":1307,"surface":1308,"replacedBy":962,"hint":377,"since":1309,"migration":1310,"silent":903,"fix":1311},"allowWriting","prop","3.0.0-alpha.1","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-date-picker-input.md",{"kind":1312,"valueMap":1313},"invert",{"not-mobile":878},{"name":1315,"surface":1316,"replacedBy":1156,"hint":377,"since":1317,"migration":1318,"silent":903,"fix":1319},"append-outer","slot","3.0.0-beta.41","ai\u002Fguides\u002Fmigration\u002Fv2-to-v3.md",{"kind":1320},"rename",{"name":1322,"surface":1316,"replacedBy":1323,"hint":377,"since":377,"migration":1310,"silent":903,"fix":1324},"append:\u003Cx>","\u003Cx>:append",{"kind":1320},{"name":1326,"surface":1316,"replacedBy":1163,"hint":377,"since":377,"migration":1310,"silent":903,"fix":1327},"append:day",{"kind":1320},{"name":701,"surface":1308,"replacedBy":1083,"hint":377,"since":1329,"migration":1310,"silent":903,"fix":1330},"3.0.0-alpha.5",{"kind":1331},"manual",{"name":1333,"surface":1308,"replacedBy":1011,"hint":377,"since":1334,"migration":1310,"silent":903,"fix":1335},"direction","3.0.0-beta.33",{"kind":1320},{"name":1337,"surface":1308,"replacedBy":982,"hint":377,"since":1338,"migration":1318,"silent":903,"fix":1339},"hasWarning","3.0.0-beta.26",{"kind":1320},{"name":1341,"surface":1308,"replacedBy":954,"hint":377,"since":1309,"migration":1310,"silent":903,"fix":1342},"hidePopover",{"kind":1320,"valueMap":1343},{"not-mobile":882},{"name":1345,"surface":1316,"replacedBy":1178,"hint":377,"since":1317,"migration":1318,"silent":903,"fix":1346},"prepend-outer",{"kind":1320},{"name":1348,"surface":1044,"replacedBy":1349,"hint":377,"since":1350,"migration":1351,"silent":903,"fix":1352},"pt:columnHeader","pt:cellColumnHeader","3.0.0-beta.36","ai\u002Fguides\u002Fmigration\u002Fv3-beta-css-classes.md",{"kind":1320},{"name":1354,"surface":1308,"replacedBy":1094,"hint":1355,"since":1317,"migration":1318,"silent":903,"fix":1356},"validateOn","an array of events became one mode (`aggressive` | `balanced` | `lazy` | `submit-only` | `submit-live`). The old defaults (`['blur']`, `['inactive']`, a toggle's `['update:modelValue', 'change', 'blur']`) are `balanced`, the new default: delete the prop. A text field on `['update:modelValue']` is `validation-mode=\"aggressive\"`. Set it once on `\u003CBbForm validation-mode>` instead of per field",{"kind":1331},{"name":1358,"surface":1308,"replacedBy":377,"hint":1359,"since":1317,"migration":1318,"silent":903,"fix":1360},"vid","a display name (v2: `vid=\"Email address\"`) is now `validation-label`; a field path (3.0 betas: `vid=\"address.city\"`) is now `name` (brackets for a native post: `address[city]`). `check --fix` picks by the value",{"kind":1361,"display":1091,"key":536},"byValue",{"name":859,"surface":1308,"replacedBy":377,"hint":377,"since":1309,"migration":1310,"silent":903,"fix":1363},{"kind":1331},[1365,1368,1370,1372,1374,1376,1378,1380,1383,1385,1387],{"from":1307,"to":962,"surface":1308,"since":1309,"migration":1310,"fix":1366},{"kind":1312,"valueMap":1367},{"not-mobile":878},{"from":1315,"to":1156,"surface":1316,"since":1317,"migration":1318,"fix":1369},{"kind":1320},{"from":1322,"to":1323,"surface":1316,"since":377,"migration":1310,"fix":1371},{"kind":1320},{"from":1326,"to":1163,"surface":1316,"since":377,"migration":1310,"fix":1373},{"kind":1320},{"from":701,"to":1083,"surface":1308,"since":1329,"migration":1310,"fix":1375},{"kind":1331},{"from":1333,"to":1011,"surface":1308,"since":1334,"migration":1310,"fix":1377},{"kind":1320},{"from":1337,"to":982,"surface":1308,"since":1338,"migration":1318,"fix":1379},{"kind":1320},{"from":1341,"to":954,"surface":1308,"since":1309,"migration":1310,"fix":1381},{"kind":1320,"valueMap":1382},{"not-mobile":882},{"from":1345,"to":1178,"surface":1316,"since":1317,"migration":1318,"fix":1384},{"kind":1320},{"from":1348,"to":1349,"surface":1044,"since":1350,"migration":1351,"fix":1386},{"kind":1320},{"from":1354,"to":1094,"surface":1308,"since":1317,"migration":1318,"fix":1388},{"kind":1331},1793055141219]