@vuetify/nightly 3.8.9-master.2025-06-14 → 3.8.10-dev.2025-06-18

package/lib/components/VDataTable/VDataTableHeaders.js.map

@@ -1 +1 @@
-{"version":3,"file":"VDataTableHeaders.js","names":["VDataTableColumn","VCheckboxBtn","VChip","VIcon","VSelect","useHeaders","useSelection","useSort","useBackgroundColor","makeDisplayProps","useDisplay","IconValue","LoaderSlot","makeLoaderProps","useLoader","useLocale","computed","mergeProps","convertToUnit","genericComponent","propsFactory","useRender","makeVDataTableHeadersProps","color","String","disableSort","Boolean","fixedHeader","multiSort","sortAscIcon","type","default","sortDescIcon","headerProps","Object","sticky","VDataTableHeaders","name","props","setup","_ref","slots","t","toggleSort","sortBy","isSorted","someSelected","allSelected","selectAll","showSelectAll","columns","headers","loaderClasses","getFixedStyles","column","y","fixed","undefined","position","left","fixedOffset","top","handleEnterKeyPress","event","key","getSortIcon","item","value","find","order","backgroundColorClasses","backgroundColorStyles","displayClasses","mobile","slotProps","headerCellClasses","VDataTableHeaderCell","_ref2","x","noPadding","_createVNode","_mergeProps","align","sortable","width","minWidth","maxWidth","colspan","rowspan","nowrap","lastFixed","columnSlotName","columnSlotProps","_createElementVNode","title","_normalizeClass","_normalizeStyle","findIndex","VDataTableMobileHeaderCell","displayItems","filter","appendIcon","showSelectColumn","length","onClick:clear","onClick:append","chip","raw","e","preventDefault","stopPropagation","_Fragment","map","row","loading","loader"],"sources":["../../../src/components/VDataTable/VDataTableHeaders.tsx"],"sourcesContent":["// Components\nimport { VDataTableColumn } from './VDataTableColumn'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VIcon } from '@/components/VIcon'\nimport { VSelect } from '@/components/VSelect'\n\n// Composables\nimport { useHeaders } from './composables/headers'\nimport { useSelection } from './composables/select'\nimport { useSort } from './composables/sort'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeDisplayProps, useDisplay } from '@/composables/display'\nimport { IconValue } from '@/composables/icons'\nimport { LoaderSlot, makeLoaderProps, useLoader } from '@/composables/loader'\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { computed, mergeProps } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { CSSProperties, PropType, UnwrapRef } from 'vue'\nimport type { provideSelection } from './composables/select'\nimport type { provideSort } from './composables/sort'\nimport type { InternalDataTableHeader } from './types'\nimport type { ItemProps } from '@/composables/list-items'\nimport type { LoaderSlotProps } from '@/composables/loader'\n\nexport type HeadersSlotProps = {\n  headers: InternalDataTableHeader[][]\n  columns: InternalDataTableHeader[]\n  sortBy: UnwrapRef<ReturnType<typeof provideSort>['sortBy']>\n  someSelected: UnwrapRef<ReturnType<typeof provideSelection>['someSelected']>\n  allSelected: UnwrapRef<ReturnType<typeof provideSelection>['allSelected']>\n  toggleSort: ReturnType<typeof provideSort>['toggleSort']\n  selectAll: ReturnType<typeof provideSelection>['selectAll']\n  getSortIcon: (column: InternalDataTableHeader) => IconValue\n  isSorted: ReturnType<typeof provideSort>['isSorted']\n}\n\nexport type VDataTableHeaderCellColumnSlotProps = {\n  column: InternalDataTableHeader\n  selectAll: ReturnType<typeof provideSelection>['selectAll']\n  isSorted: ReturnType<typeof provideSort>['isSorted']\n  toggleSort: ReturnType<typeof provideSort>['toggleSort']\n  sortBy: UnwrapRef<ReturnType<typeof provideSort>['sortBy']>\n  someSelected: UnwrapRef<ReturnType<typeof provideSelection>['someSelected']>\n  allSelected: UnwrapRef<ReturnType<typeof provideSelection>['allSelected']>\n  getSortIcon: (column: InternalDataTableHeader) => IconValue\n}\n\nexport type VDataTableHeadersSlots = {\n  headers: HeadersSlotProps\n  loader: LoaderSlotProps\n  'header.data-table-select': VDataTableHeaderCellColumnSlotProps\n  'header.data-table-expand': VDataTableHeaderCellColumnSlotProps\n} & { [key: `header.${string}`]: VDataTableHeaderCellColumnSlotProps }\n\nexport const makeVDataTableHeadersProps = propsFactory({\n  color: String,\n  disableSort: Boolean,\n  fixedHeader: Boolean,\n  multiSort: Boolean,\n  sortAscIcon: {\n    type: IconValue,\n    default: '$sortAsc',\n  },\n  sortDescIcon: {\n    type: IconValue,\n    default: '$sortDesc',\n  },\n  headerProps: {\n    type: Object as PropType<Record<string, any>>,\n  },\n\n  /** @deprecated */\n  sticky: Boolean,\n\n  ...makeDisplayProps(),\n  ...makeLoaderProps(),\n}, 'VDataTableHeaders')\n\nexport const VDataTableHeaders = genericComponent<VDataTableHeadersSlots>()({\n  name: 'VDataTableHeaders',\n\n  props: makeVDataTableHeadersProps(),\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const { toggleSort, sortBy, isSorted } = useSort()\n    const { someSelected, allSelected, selectAll, showSelectAll } = useSelection()\n    const { columns, headers } = useHeaders()\n    const { loaderClasses } = useLoader(props)\n\n    function getFixedStyles (column: InternalDataTableHeader, y: number): CSSProperties | undefined {\n      if (!(props.sticky || props.fixedHeader) && !column.fixed) return undefined\n\n      return {\n        position: 'sticky',\n        left: column.fixed ? convertToUnit(column.fixedOffset) : undefined,\n        top: (props.sticky || props.fixedHeader) ? `calc(var(--v-table-header-height) * ${y})` : undefined,\n      }\n    }\n    function handleEnterKeyPress (event: KeyboardEvent, column: InternalDataTableHeader) {\n      if (event.key === 'Enter' && !props.disableSort) {\n        toggleSort(column)\n      }\n    }\n    function getSortIcon (column: InternalDataTableHeader) {\n      const item = sortBy.value.find(item => item.key === column.key)\n\n      if (!item) return props.sortAscIcon\n\n      return item.order === 'asc' ? props.sortAscIcon : props.sortDescIcon\n    }\n\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.color)\n\n    const { displayClasses, mobile } = useDisplay(props)\n\n    const slotProps = computed(() => ({\n      headers: headers.value,\n      columns: columns.value,\n      toggleSort,\n      isSorted,\n      sortBy: sortBy.value,\n      someSelected: someSelected.value,\n      allSelected: allSelected.value,\n      selectAll,\n      getSortIcon,\n    } satisfies HeadersSlotProps))\n\n    const headerCellClasses = computed(() => ([\n      'v-data-table__th',\n      {\n        'v-data-table__th--sticky': (props.sticky || props.fixedHeader),\n      },\n      displayClasses.value,\n      loaderClasses.value,\n    ]))\n\n    const VDataTableHeaderCell = ({ column, x, y }: { column: InternalDataTableHeader, x: number, y: number }) => {\n      const noPadding = column.key === 'data-table-select' || column.key === 'data-table-expand'\n      const headerProps = mergeProps(props.headerProps ?? {}, column.headerProps ?? {})\n\n      return (\n        <VDataTableColumn\n          tag=\"th\"\n          align={ column.align }\n          class={[\n            {\n              'v-data-table__th--sortable': column.sortable && !props.disableSort,\n              'v-data-table__th--sorted': isSorted(column),\n              'v-data-table__th--fixed': column.fixed,\n            },\n            ...headerCellClasses.value,\n          ]}\n          style={{\n            width: convertToUnit(column.width),\n            minWidth: convertToUnit(column.minWidth),\n            maxWidth: convertToUnit(column.maxWidth),\n            ...getFixedStyles(column, y),\n          }}\n          colspan={ column.colspan }\n          rowspan={ column.rowspan }\n          onClick={ column.sortable ? () => toggleSort(column) : undefined }\n          fixed={ column.fixed }\n          nowrap={ column.nowrap }\n          lastFixed={ column.lastFixed }\n          noPadding={ noPadding }\n          { ...headerProps }\n          onKeydown={ (event: KeyboardEvent) => column.sortable && handleEnterKeyPress(event, column) }\n        >\n          {{\n            default: () => {\n              const columnSlotName = `header.${column.key}` as const\n              const columnSlotProps: VDataTableHeaderCellColumnSlotProps = {\n                column,\n                selectAll,\n                isSorted,\n                toggleSort,\n                sortBy: sortBy.value,\n                someSelected: someSelected.value,\n                allSelected: allSelected.value,\n                getSortIcon,\n              }\n\n              if (slots[columnSlotName]) return slots[columnSlotName]!(columnSlotProps)\n\n              if (column.key === 'data-table-select') {\n                return slots['header.data-table-select']?.(columnSlotProps) ?? (showSelectAll.value && (\n                  <VCheckboxBtn\n                    modelValue={ allSelected.value }\n                    indeterminate={ someSelected.value && !allSelected.value }\n                    onUpdate:modelValue={ selectAll }\n                  />\n                ))\n              }\n\n              return (\n                <div class=\"v-data-table-header__content\">\n                  <span>{ column.title }</span>\n                  { column.sortable && !props.disableSort && (\n                    <VIcon\n                      key=\"icon\"\n                      class=\"v-data-table-header__sort-icon\"\n                      icon={ getSortIcon(column) }\n                    />\n                  )}\n                  { props.multiSort && isSorted(column) && (\n                    <div\n                      key=\"badge\"\n                      class={[\n                        'v-data-table-header__sort-badge',\n                        ...backgroundColorClasses.value,\n                      ]}\n                      style={ backgroundColorStyles.value }\n                    >\n                      { sortBy.value.findIndex(x => x.key === column.key) + 1 }\n                    </div>\n                  )}\n                </div>\n              )\n            },\n          }}\n        </VDataTableColumn>\n      )\n    }\n\n    const VDataTableMobileHeaderCell = () => {\n      const displayItems = computed<ItemProps['items']>(() => {\n        return columns.value.filter(column => column?.sortable && !props.disableSort)\n      })\n\n      const appendIcon = computed(() => {\n        const showSelectColumn = columns.value.find(column => column.key === 'data-table-select')\n\n        if (showSelectColumn == null) return\n\n        return allSelected.value ? '$checkboxOn' : someSelected.value ? '$checkboxIndeterminate' : '$checkboxOff'\n      })\n\n      return (\n        <VDataTableColumn\n          tag=\"th\"\n          class={[\n            ...headerCellClasses.value,\n          ]}\n          colspan={ headers.value.length + 1 }\n          { ...props.headerProps }\n        >\n          <div class=\"v-data-table-header__content\">\n            <VSelect\n              chips\n              class=\"v-data-table__td-sort-select\"\n              clearable\n              density=\"default\"\n              items={ displayItems.value }\n              label={ t('$vuetify.dataTable.sortBy') }\n              multiple={ props.multiSort }\n              variant=\"underlined\"\n              onClick:clear={ () => sortBy.value = [] }\n              appendIcon={ appendIcon.value }\n              onClick:append={ () => selectAll(!allSelected.value) }\n            >\n              {{\n                ...slots,\n                chip: props => (\n                  <VChip\n                    onClick={ props.item.raw?.sortable ? () => toggleSort(props.item.raw) : undefined }\n                    onMousedown={ (e: MouseEvent) => {\n                      e.preventDefault()\n                      e.stopPropagation()\n                    }}\n                  >\n                    { props.item.title }\n                    <VIcon\n                      class={[\n                        'v-data-table__td-sort-icon',\n                        isSorted(props.item.raw) && 'v-data-table__td-sort-icon-active',\n                      ]}\n                      icon={ getSortIcon(props.item.raw) }\n                      size=\"small\"\n                    />\n                  </VChip>\n                ),\n              }}\n            </VSelect>\n          </div>\n        </VDataTableColumn>\n      )\n    }\n\n    useRender(() => {\n      return mobile.value ? (\n        <tr>\n          <VDataTableMobileHeaderCell />\n        </tr>\n      ) : (\n        <>\n          { slots.headers\n            ? slots.headers(slotProps.value)\n            : headers.value.map((row, y) => (\n              <tr>\n                { row.map((column, x) => (\n                  <VDataTableHeaderCell column={ column } x={ x } y={ y } />\n                ))}\n              </tr>\n            ))}\n\n          { props.loading && (\n            <tr class=\"v-data-table-progress\">\n              <th colspan={ columns.value.length }>\n                <LoaderSlot\n                  name=\"v-data-table-progress\"\n                  absolute\n                  active\n                  color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n                  indeterminate\n                  v-slots={{ default: slots.loader }}\n                />\n              </th>\n            </tr>\n          )}\n        </>\n      )\n    })\n  },\n})\n\nexport type VDataTableHeaders = InstanceType<typeof VDataTableHeaders>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VDataTableHeaders.js","names":["VDataTableColumn","VCheckboxBtn","VChip","VIcon","VSelect","useHeaders","useSelection","useSort","useBackgroundColor","makeDisplayProps","useDisplay","IconValue","LoaderSlot","makeLoaderProps","useLoader","useLocale","computed","mergeProps","convertToUnit","genericComponent","propsFactory","useRender","makeVDataTableHeadersProps","color","String","disableSort","Boolean","fixedHeader","lastFixed","multiSort","sortAscIcon","type","default","sortDescIcon","headerProps","Object","sticky","VDataTableHeaders","name","props","setup","_ref","slots","t","toggleSort","sortBy","isSorted","someSelected","allSelected","selectAll","showSelectAll","columns","headers","loaderClasses","getFixedStyles","column","y","fixed","undefined","position","left","fixedOffset","right","top","handleEnterKeyPress","event","key","getSortIcon","item","value","find","order","backgroundColorClasses","backgroundColorStyles","displayClasses","mobile","slotProps","headerCellClasses","VDataTableHeaderCell","_ref2","x","noPadding","_createVNode","_mergeProps","align","sortable","width","minWidth","maxWidth","colspan","rowspan","nowrap","columnSlotName","columnSlotProps","_createElementVNode","title","_normalizeClass","_normalizeStyle","findIndex","VDataTableMobileHeaderCell","displayItems","filter","appendIcon","showSelectColumn","length","onClick:clear","onClick:append","chip","raw","e","preventDefault","stopPropagation","_Fragment","map","row","loading","loader"],"sources":["../../../src/components/VDataTable/VDataTableHeaders.tsx"],"sourcesContent":["// Components\nimport { VDataTableColumn } from './VDataTableColumn'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VIcon } from '@/components/VIcon'\nimport { VSelect } from '@/components/VSelect'\n\n// Composables\nimport { useHeaders } from './composables/headers'\nimport { useSelection } from './composables/select'\nimport { useSort } from './composables/sort'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeDisplayProps, useDisplay } from '@/composables/display'\nimport { IconValue } from '@/composables/icons'\nimport { LoaderSlot, makeLoaderProps, useLoader } from '@/composables/loader'\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { computed, mergeProps } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { CSSProperties, PropType, UnwrapRef } from 'vue'\nimport type { provideSelection } from './composables/select'\nimport type { provideSort } from './composables/sort'\nimport type { InternalDataTableHeader } from './types'\nimport type { ItemProps } from '@/composables/list-items'\nimport type { LoaderSlotProps } from '@/composables/loader'\n\nexport type HeadersSlotProps = {\n  headers: InternalDataTableHeader[][]\n  columns: InternalDataTableHeader[]\n  sortBy: UnwrapRef<ReturnType<typeof provideSort>['sortBy']>\n  someSelected: UnwrapRef<ReturnType<typeof provideSelection>['someSelected']>\n  allSelected: UnwrapRef<ReturnType<typeof provideSelection>['allSelected']>\n  toggleSort: ReturnType<typeof provideSort>['toggleSort']\n  selectAll: ReturnType<typeof provideSelection>['selectAll']\n  getSortIcon: (column: InternalDataTableHeader) => IconValue\n  isSorted: ReturnType<typeof provideSort>['isSorted']\n}\n\nexport type VDataTableHeaderCellColumnSlotProps = {\n  column: InternalDataTableHeader\n  selectAll: ReturnType<typeof provideSelection>['selectAll']\n  isSorted: ReturnType<typeof provideSort>['isSorted']\n  toggleSort: ReturnType<typeof provideSort>['toggleSort']\n  sortBy: UnwrapRef<ReturnType<typeof provideSort>['sortBy']>\n  someSelected: UnwrapRef<ReturnType<typeof provideSelection>['someSelected']>\n  allSelected: UnwrapRef<ReturnType<typeof provideSelection>['allSelected']>\n  getSortIcon: (column: InternalDataTableHeader) => IconValue\n}\n\nexport type VDataTableHeadersSlots = {\n  headers: HeadersSlotProps\n  loader: LoaderSlotProps\n  'header.data-table-select': VDataTableHeaderCellColumnSlotProps\n  'header.data-table-expand': VDataTableHeaderCellColumnSlotProps\n} & { [key: `header.${string}`]: VDataTableHeaderCellColumnSlotProps }\n\nexport const makeVDataTableHeadersProps = propsFactory({\n  color: String,\n  disableSort: Boolean,\n  fixedHeader: Boolean,\n  lastFixed: Boolean,\n  multiSort: Boolean,\n  sortAscIcon: {\n    type: IconValue,\n    default: '$sortAsc',\n  },\n  sortDescIcon: {\n    type: IconValue,\n    default: '$sortDesc',\n  },\n  headerProps: {\n    type: Object as PropType<Record<string, any>>,\n  },\n\n  /** @deprecated */\n  sticky: Boolean,\n\n  ...makeDisplayProps(),\n  ...makeLoaderProps(),\n}, 'VDataTableHeaders')\n\nexport const VDataTableHeaders = genericComponent<VDataTableHeadersSlots>()({\n  name: 'VDataTableHeaders',\n\n  props: makeVDataTableHeadersProps(),\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const { toggleSort, sortBy, isSorted } = useSort()\n    const { someSelected, allSelected, selectAll, showSelectAll } = useSelection()\n    const { columns, headers } = useHeaders()\n    const { loaderClasses } = useLoader(props)\n\n    function getFixedStyles (column: InternalDataTableHeader, y: number): CSSProperties | undefined {\n      if (!(props.sticky || props.fixedHeader) && !(column.fixed || column.lastFixed)) return undefined\n\n      return {\n        position: 'sticky',\n        left: column.fixed || column.lastFixed ? convertToUnit(column.fixedOffset) : undefined,\n        right: column.lastFixed ? convertToUnit(column.fixedOffset ?? 0) : undefined,\n        top: (props.sticky || props.fixedHeader) ? `calc(var(--v-table-header-height) * ${y})` : undefined,\n      }\n    }\n    function handleEnterKeyPress (event: KeyboardEvent, column: InternalDataTableHeader) {\n      if (event.key === 'Enter' && !props.disableSort) {\n        toggleSort(column)\n      }\n    }\n    function getSortIcon (column: InternalDataTableHeader) {\n      const item = sortBy.value.find(item => item.key === column.key)\n\n      if (!item) return props.sortAscIcon\n\n      return item.order === 'asc' ? props.sortAscIcon : props.sortDescIcon\n    }\n\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.color)\n\n    const { displayClasses, mobile } = useDisplay(props)\n\n    const slotProps = computed(() => ({\n      headers: headers.value,\n      columns: columns.value,\n      toggleSort,\n      isSorted,\n      sortBy: sortBy.value,\n      someSelected: someSelected.value,\n      allSelected: allSelected.value,\n      selectAll,\n      getSortIcon,\n    } satisfies HeadersSlotProps))\n\n    const headerCellClasses = computed(() => ([\n      'v-data-table__th',\n      {\n        'v-data-table__th--sticky': (props.sticky || props.fixedHeader),\n      },\n      displayClasses.value,\n      loaderClasses.value,\n    ]))\n\n    const VDataTableHeaderCell = ({ column, x, y }: { column: InternalDataTableHeader, x: number, y: number }) => {\n      const noPadding = column.key === 'data-table-select' || column.key === 'data-table-expand'\n      const headerProps = mergeProps(props.headerProps ?? {}, column.headerProps ?? {})\n\n      return (\n        <VDataTableColumn\n          tag=\"th\"\n          align={ column.align }\n          class={[\n            {\n              'v-data-table__th--sortable': column.sortable && !props.disableSort,\n              'v-data-table__th--sorted': isSorted(column),\n              'v-data-table__th--fixed': column.fixed,\n            },\n            ...headerCellClasses.value,\n          ]}\n          style={{\n            width: convertToUnit(column.width),\n            minWidth: convertToUnit(column.minWidth),\n            maxWidth: convertToUnit(column.maxWidth),\n            ...getFixedStyles(column, y),\n          }}\n          colspan={ column.colspan }\n          rowspan={ column.rowspan }\n          onClick={ column.sortable ? () => toggleSort(column) : undefined }\n          fixed={ column.fixed }\n          nowrap={ column.nowrap }\n          lastFixed={ column.lastFixed }\n          noPadding={ noPadding }\n          { ...headerProps }\n          onKeydown={ (event: KeyboardEvent) => column.sortable && handleEnterKeyPress(event, column) }\n        >\n          {{\n            default: () => {\n              const columnSlotName = `header.${column.key}` as const\n              const columnSlotProps: VDataTableHeaderCellColumnSlotProps = {\n                column,\n                selectAll,\n                isSorted,\n                toggleSort,\n                sortBy: sortBy.value,\n                someSelected: someSelected.value,\n                allSelected: allSelected.value,\n                getSortIcon,\n              }\n\n              if (slots[columnSlotName]) return slots[columnSlotName]!(columnSlotProps)\n\n              if (column.key === 'data-table-select') {\n                return slots['header.data-table-select']?.(columnSlotProps) ?? (showSelectAll.value && (\n                  <VCheckboxBtn\n                    modelValue={ allSelected.value }\n                    indeterminate={ someSelected.value && !allSelected.value }\n                    onUpdate:modelValue={ selectAll }\n                  />\n                ))\n              }\n\n              return (\n                <div class=\"v-data-table-header__content\">\n                  <span>{ column.title }</span>\n                  { column.sortable && !props.disableSort && (\n                    <VIcon\n                      key=\"icon\"\n                      class=\"v-data-table-header__sort-icon\"\n                      icon={ getSortIcon(column) }\n                    />\n                  )}\n                  { props.multiSort && isSorted(column) && (\n                    <div\n                      key=\"badge\"\n                      class={[\n                        'v-data-table-header__sort-badge',\n                        ...backgroundColorClasses.value,\n                      ]}\n                      style={ backgroundColorStyles.value }\n                    >\n                      { sortBy.value.findIndex(x => x.key === column.key) + 1 }\n                    </div>\n                  )}\n                </div>\n              )\n            },\n          }}\n        </VDataTableColumn>\n      )\n    }\n\n    const VDataTableMobileHeaderCell = () => {\n      const displayItems = computed<ItemProps['items']>(() => {\n        return columns.value.filter(column => column?.sortable && !props.disableSort)\n      })\n\n      const appendIcon = computed(() => {\n        const showSelectColumn = columns.value.find(column => column.key === 'data-table-select')\n\n        if (showSelectColumn == null) return\n\n        return allSelected.value ? '$checkboxOn' : someSelected.value ? '$checkboxIndeterminate' : '$checkboxOff'\n      })\n\n      return (\n        <VDataTableColumn\n          tag=\"th\"\n          class={[\n            ...headerCellClasses.value,\n          ]}\n          colspan={ headers.value.length + 1 }\n          { ...props.headerProps }\n        >\n          <div class=\"v-data-table-header__content\">\n            <VSelect\n              chips\n              class=\"v-data-table__td-sort-select\"\n              clearable\n              density=\"default\"\n              items={ displayItems.value }\n              label={ t('$vuetify.dataTable.sortBy') }\n              multiple={ props.multiSort }\n              variant=\"underlined\"\n              onClick:clear={ () => sortBy.value = [] }\n              appendIcon={ appendIcon.value }\n              onClick:append={ () => selectAll(!allSelected.value) }\n            >\n              {{\n                ...slots,\n                chip: props => (\n                  <VChip\n                    onClick={ props.item.raw?.sortable ? () => toggleSort(props.item.raw) : undefined }\n                    onMousedown={ (e: MouseEvent) => {\n                      e.preventDefault()\n                      e.stopPropagation()\n                    }}\n                  >\n                    { props.item.title }\n                    <VIcon\n                      class={[\n                        'v-data-table__td-sort-icon',\n                        isSorted(props.item.raw) && 'v-data-table__td-sort-icon-active',\n                      ]}\n                      icon={ getSortIcon(props.item.raw) }\n                      size=\"small\"\n                    />\n                  </VChip>\n                ),\n              }}\n            </VSelect>\n          </div>\n        </VDataTableColumn>\n      )\n    }\n\n    useRender(() => {\n      return mobile.value ? (\n        <tr>\n          <VDataTableMobileHeaderCell />\n        </tr>\n      ) : (\n        <>\n          { slots.headers\n            ? slots.headers(slotProps.value)\n            : headers.value.map((row, y) => (\n              <tr>\n                { row.map((column, x) => (\n                  <VDataTableHeaderCell column={ column } x={ x } y={ y } />\n                ))}\n              </tr>\n            ))}\n\n          { props.loading && (\n            <tr class=\"v-data-table-progress\">\n              <th colspan={ columns.value.length }>\n                <LoaderSlot\n                  name=\"v-data-table-progress\"\n                  absolute\n                  active\n                  color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n                  indeterminate\n                  v-slots={{ default: slots.loader }}\n                />\n              </th>\n            </tr>\n          )}\n        </>\n      )\n    })\n  },\n})\n\nexport type VDataTableHeaders = InstanceType<typeof VDataTableHeaders>\n"],"mappings":"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","ignoreList":[]}

package/lib/components/VDataTable/VDataTableServer.d.ts

@@ -26,11 +26,13 @@ export declare const makeVDataTableServerProps: <Defaults extends {
     fixedFooter?: unknown;
     height?: unknown;
     hover?: unknown;
+    striped?: unknown;
     loading?: unknown;
     mobile?: unknown;
     mobileBreakpoint?: unknown;
     color?: unknown;
     disableSort?: unknown;
+    lastFixed?: unknown;
     multiSort?: unknown;
     sortAscIcon?: unknown;
     sortDescIcon?: unknown;
@@ -260,6 +262,18 @@ export declare const makeVDataTableServerProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["hover"] ? boolean : boolean | Defaults["hover"]>;
         default: unknown extends Defaults["hover"] ? boolean : boolean | Defaults["hover"];
     };
+    striped: unknown extends Defaults["striped"] ? {
+        type: import("vue").PropType<import("../VTable/VTable.js").Striped>;
+        default: null;
+        validator: (v: any) => boolean;
+    } : Omit<{
+        type: import("vue").PropType<import("../VTable/VTable.js").Striped>;
+        default: null;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["striped"] ? import("../VTable/VTable.js").Striped : import("../VTable/VTable.js").Striped | Defaults["striped"]>;
+        default: unknown extends Defaults["striped"] ? import("../VTable/VTable.js").Striped : NonNullable<import("../VTable/VTable.js").Striped> | Defaults["striped"];
+    };
     loading: unknown extends Defaults["loading"] ? (StringConstructor | BooleanConstructor)[] : {
         type: import("vue").PropType<unknown extends Defaults["loading"] ? string | boolean : string | boolean | Defaults["loading"]>;
         default: unknown extends Defaults["loading"] ? string | boolean : NonNullable<string | boolean> | Defaults["loading"];
@@ -286,6 +300,10 @@ export declare const makeVDataTableServerProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["disableSort"] ? boolean : boolean | Defaults["disableSort"]>;
         default: unknown extends Defaults["disableSort"] ? boolean : boolean | Defaults["disableSort"];
     };
+    lastFixed: unknown extends Defaults["lastFixed"] ? BooleanConstructor : {
+        type: import("vue").PropType<unknown extends Defaults["lastFixed"] ? boolean : boolean | Defaults["lastFixed"]>;
+        default: unknown extends Defaults["lastFixed"] ? boolean : boolean | Defaults["lastFixed"];
+    };
     multiSort: unknown extends Defaults["multiSort"] ? BooleanConstructor : {
         type: import("vue").PropType<unknown extends Defaults["multiSort"] ? boolean : boolean | Defaults["multiSort"]>;
         default: unknown extends Defaults["multiSort"] ? boolean : boolean | Defaults["multiSort"];
@@ -758,6 +776,7 @@ export declare const VDataTableServer: {
         selectStrategy: "all" | "page" | "single";
         valueComparator: typeof import("../../util/index.js").deepEqual;
         density: import("../../composables/density.js").Density;
+        striped: import("../VTable/VTable.js").Striped;
         nextIcon: import("../../composables/icons.js").IconValue;
         prevIcon: import("../../composables/icons.js").IconValue;
         hideNoData: boolean;
@@ -775,6 +794,7 @@ export declare const VDataTableServer: {
             value: number;
         })[];
         showCurrentPage: boolean;
+        lastFixed: boolean;
         fixedHeader: boolean;
         sortAscIcon: import("../../composables/icons.js").IconValue;
         sortDescIcon: import("../../composables/icons.js").IconValue;
@@ -831,6 +851,7 @@ export declare const VDataTableServer: {
         selectStrategy: "all" | "page" | "single";
         valueComparator: typeof import("../../util/index.js").deepEqual;
         density: import("../../composables/density.js").Density;
+        striped: import("../VTable/VTable.js").Striped;
         nextIcon: import("../../composables/icons.js").IconValue;
         prevIcon: import("../../composables/icons.js").IconValue;
         hideNoData: boolean;
@@ -847,6 +868,7 @@ export declare const VDataTableServer: {
             value: number;
         })[];
         showCurrentPage: boolean;
+        lastFixed: boolean;
         fixedHeader: boolean;
         sortAscIcon: import("../../composables/icons.js").IconValue;
         sortDescIcon: import("../../composables/icons.js").IconValue;
@@ -929,6 +951,7 @@ export declare const VDataTableServer: {
         selectStrategy: "all" | "page" | "single";
         valueComparator: typeof import("../../util/index.js").deepEqual;
         density: import("../../composables/density.js").Density;
+        striped: import("../VTable/VTable.js").Striped;
         nextIcon: import("../../composables/icons.js").IconValue;
         prevIcon: import("../../composables/icons.js").IconValue;
         hideNoData: boolean;
@@ -946,6 +969,7 @@ export declare const VDataTableServer: {
             value: number;
         })[];
         showCurrentPage: boolean;
+        lastFixed: boolean;
         fixedHeader: boolean;
         sortAscIcon: import("../../composables/icons.js").IconValue;
         sortDescIcon: import("../../composables/icons.js").IconValue;
@@ -994,6 +1018,7 @@ export declare const VDataTableServer: {
         selectStrategy: "all" | "page" | "single";
         valueComparator: typeof import("../../util/index.js").deepEqual;
         density: import("../../composables/density.js").Density;
+        striped: import("../VTable/VTable.js").Striped;
         nextIcon: import("../../composables/icons.js").IconValue;
         prevIcon: import("../../composables/icons.js").IconValue;
         hideNoData: boolean;
@@ -1010,6 +1035,7 @@ export declare const VDataTableServer: {
             value: number;
         })[];
         showCurrentPage: boolean;
+        lastFixed: boolean;
         fixedHeader: boolean;
         sortAscIcon: import("../../composables/icons.js").IconValue;
         sortDescIcon: import("../../composables/icons.js").IconValue;
@@ -1044,6 +1070,7 @@ export declare const VDataTableServer: {
     selectStrategy: "all" | "page" | "single";
     valueComparator: typeof import("../../util/index.js").deepEqual;
     density: import("../../composables/density.js").Density;
+    striped: import("../VTable/VTable.js").Striped;
     nextIcon: import("../../composables/icons.js").IconValue;
     prevIcon: import("../../composables/icons.js").IconValue;
     hideNoData: boolean;
@@ -1061,6 +1088,7 @@ export declare const VDataTableServer: {
         value: number;
     })[];
     showCurrentPage: boolean;
+    lastFixed: boolean;
     fixedHeader: boolean;
     sortAscIcon: import("../../composables/icons.js").IconValue;
     sortDescIcon: import("../../composables/icons.js").IconValue;
@@ -1117,6 +1145,7 @@ export declare const VDataTableServer: {
     selectStrategy: "all" | "page" | "single";
     valueComparator: typeof import("../../util/index.js").deepEqual;
     density: import("../../composables/density.js").Density;
+    striped: import("../VTable/VTable.js").Striped;
     nextIcon: import("../../composables/icons.js").IconValue;
     prevIcon: import("../../composables/icons.js").IconValue;
     hideNoData: boolean;
@@ -1133,6 +1162,7 @@ export declare const VDataTableServer: {
         value: number;
     })[];
     showCurrentPage: boolean;
+    lastFixed: boolean;
     fixedHeader: boolean;
     sortAscIcon: import("../../composables/icons.js").IconValue;
     sortDescIcon: import("../../composables/icons.js").IconValue;
@@ -1265,6 +1295,11 @@ export declare const VDataTableServer: {
     fixedFooter: BooleanConstructor;
     height: (StringConstructor | NumberConstructor)[];
     hover: BooleanConstructor;
+    striped: {
+        type: import("vue").PropType<import("../VTable/VTable.js").Striped>;
+        default: null;
+        validator: (v: any) => boolean;
+    };
     loading: (StringConstructor | BooleanConstructor)[];
     mobile: {
         type: import("vue").PropType<boolean | null>;
@@ -1273,6 +1308,7 @@ export declare const VDataTableServer: {
     mobileBreakpoint: import("vue").PropType<number | import("../../types.js").DisplayBreakpoint>;
     color: StringConstructor;
     disableSort: BooleanConstructor;
+    lastFixed: BooleanConstructor;
     multiSort: BooleanConstructor;
     sortAscIcon: {
         type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
@@ -1428,6 +1464,11 @@ export declare const VDataTableServer: {
     fixedFooter: BooleanConstructor;
     height: (StringConstructor | NumberConstructor)[];
     hover: BooleanConstructor;
+    striped: {
+        type: import("vue").PropType<import("../VTable/VTable.js").Striped>;
+        default: null;
+        validator: (v: any) => boolean;
+    };
     loading: (StringConstructor | BooleanConstructor)[];
     mobile: {
         type: import("vue").PropType<boolean | null>;
@@ -1436,6 +1477,7 @@ export declare const VDataTableServer: {
     mobileBreakpoint: import("vue").PropType<number | import("../../types.js").DisplayBreakpoint>;
     color: StringConstructor;
     disableSort: BooleanConstructor;
+    lastFixed: BooleanConstructor;
     multiSort: BooleanConstructor;
     sortAscIcon: {
         type: import("vue").PropType<import("../../composables/icons.js").IconValue>;

package/lib/components/VDataTable/VDataTableVirtual.d.ts

@@ -65,8 +65,10 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
     selectStrategy?: unknown;
     valueComparator?: unknown;
     density?: unknown;
+    striped?: unknown;
     hideNoData?: unknown;
     hover?: unknown;
+    lastFixed?: unknown;
     fixedHeader?: unknown;
     sortAscIcon?: unknown;
     sortDescIcon?: unknown;
@@ -570,6 +572,18 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["density"] ? import("../../composables/density.js").Density : import("../../composables/density.js").Density | Defaults["density"]>;
         default: unknown extends Defaults["density"] ? import("../../composables/density.js").Density : NonNullable<import("../../composables/density.js").Density> | Defaults["density"];
     };
+    striped: unknown extends Defaults["striped"] ? {
+        type: import("vue").PropType<import("../VTable/VTable.js").Striped>;
+        default: null;
+        validator: (v: any) => boolean;
+    } : Omit<{
+        type: import("vue").PropType<import("../VTable/VTable.js").Striped>;
+        default: null;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["striped"] ? import("../VTable/VTable.js").Striped : import("../VTable/VTable.js").Striped | Defaults["striped"]>;
+        default: unknown extends Defaults["striped"] ? import("../VTable/VTable.js").Striped : NonNullable<import("../VTable/VTable.js").Striped> | Defaults["striped"];
+    };
     hideNoData: unknown extends Defaults["hideNoData"] ? BooleanConstructor : {
         type: import("vue").PropType<unknown extends Defaults["hideNoData"] ? boolean : boolean | Defaults["hideNoData"]>;
         default: unknown extends Defaults["hideNoData"] ? boolean : boolean | Defaults["hideNoData"];
@@ -578,6 +592,10 @@ export declare const makeVDataTableVirtualProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["hover"] ? boolean : boolean | Defaults["hover"]>;
         default: unknown extends Defaults["hover"] ? boolean : boolean | Defaults["hover"];
     };
+    lastFixed: unknown extends Defaults["lastFixed"] ? BooleanConstructor : {
+        type: import("vue").PropType<unknown extends Defaults["lastFixed"] ? boolean : boolean | Defaults["lastFixed"]>;
+        default: unknown extends Defaults["lastFixed"] ? boolean : boolean | Defaults["lastFixed"];
+    };
     fixedHeader: unknown extends Defaults["fixedHeader"] ? BooleanConstructor : {
         type: import("vue").PropType<unknown extends Defaults["fixedHeader"] ? boolean : boolean | Defaults["fixedHeader"]>;
         default: unknown extends Defaults["fixedHeader"] ? boolean : boolean | Defaults["fixedHeader"];
@@ -639,10 +657,12 @@ export declare const VDataTableVirtual: {
         selectStrategy: "all" | "page" | "single";
         valueComparator: typeof import("../../util/index.js").deepEqual;
         density: import("../../composables/density.js").Density;
+        striped: import("../VTable/VTable.js").Striped;
         itemHeight: string | number;
         itemKey: SelectItemKey;
         hideNoData: boolean;
         hover: boolean;
+        lastFixed: boolean;
         fixedHeader: boolean;
         sortAscIcon: import("../../composables/icons.js").IconValue;
         sortDescIcon: import("../../composables/icons.js").IconValue;
@@ -699,10 +719,12 @@ export declare const VDataTableVirtual: {
         selectStrategy: "all" | "page" | "single";
         valueComparator: typeof import("../../util/index.js").deepEqual;
         density: import("../../composables/density.js").Density;
+        striped: import("../VTable/VTable.js").Striped;
         itemHeight: string | number;
         itemKey: SelectItemKey;
         hideNoData: boolean;
         hover: boolean;
+        lastFixed: boolean;
         fixedHeader: boolean;
         sortAscIcon: import("../../composables/icons.js").IconValue;
         sortDescIcon: import("../../composables/icons.js").IconValue;
@@ -782,10 +804,12 @@ export declare const VDataTableVirtual: {
         selectStrategy: "all" | "page" | "single";
         valueComparator: typeof import("../../util/index.js").deepEqual;
         density: import("../../composables/density.js").Density;
+        striped: import("../VTable/VTable.js").Striped;
         itemHeight: string | number;
         itemKey: SelectItemKey;
         hideNoData: boolean;
         hover: boolean;
+        lastFixed: boolean;
         fixedHeader: boolean;
         sortAscIcon: import("../../composables/icons.js").IconValue;
         sortDescIcon: import("../../composables/icons.js").IconValue;
@@ -836,10 +860,12 @@ export declare const VDataTableVirtual: {
         selectStrategy: "all" | "page" | "single";
         valueComparator: typeof import("../../util/index.js").deepEqual;
         density: import("../../composables/density.js").Density;
+        striped: import("../VTable/VTable.js").Striped;
         itemHeight: string | number;
         itemKey: SelectItemKey;
         hideNoData: boolean;
         hover: boolean;
+        lastFixed: boolean;
         fixedHeader: boolean;
         sortAscIcon: import("../../composables/icons.js").IconValue;
         sortDescIcon: import("../../composables/icons.js").IconValue;
@@ -872,10 +898,12 @@ export declare const VDataTableVirtual: {
     selectStrategy: "all" | "page" | "single";
     valueComparator: typeof import("../../util/index.js").deepEqual;
     density: import("../../composables/density.js").Density;
+    striped: import("../VTable/VTable.js").Striped;
     itemHeight: string | number;
     itemKey: SelectItemKey;
     hideNoData: boolean;
     hover: boolean;
+    lastFixed: boolean;
     fixedHeader: boolean;
     sortAscIcon: import("../../composables/icons.js").IconValue;
     sortDescIcon: import("../../composables/icons.js").IconValue;
@@ -932,10 +960,12 @@ export declare const VDataTableVirtual: {
     selectStrategy: "all" | "page" | "single";
     valueComparator: typeof import("../../util/index.js").deepEqual;
     density: import("../../composables/density.js").Density;
+    striped: import("../VTable/VTable.js").Striped;
     itemHeight: string | number;
     itemKey: SelectItemKey;
     hideNoData: boolean;
     hover: boolean;
+    lastFixed: boolean;
     fixedHeader: boolean;
     sortAscIcon: import("../../composables/icons.js").IconValue;
     sortDescIcon: import("../../composables/icons.js").IconValue;
@@ -1096,8 +1126,14 @@ export declare const VDataTableVirtual: {
         default: string;
         validator: (v: any) => boolean;
     };
+    striped: {
+        type: import("vue").PropType<import("../VTable/VTable.js").Striped>;
+        default: null;
+        validator: (v: any) => boolean;
+    };
     hideNoData: BooleanConstructor;
     hover: BooleanConstructor;
+    lastFixed: BooleanConstructor;
     fixedHeader: BooleanConstructor;
     sortAscIcon: {
         type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
@@ -1211,8 +1247,14 @@ export declare const VDataTableVirtual: {
         default: string;
         validator: (v: any) => boolean;
     };
+    striped: {
+        type: import("vue").PropType<import("../VTable/VTable.js").Striped>;
+        default: null;
+        validator: (v: any) => boolean;
+    };
     hideNoData: BooleanConstructor;
     hover: BooleanConstructor;
+    lastFixed: BooleanConstructor;
     fixedHeader: BooleanConstructor;
     sortAscIcon: {
         type: import("vue").PropType<import("../../composables/icons.js").IconValue>;

package/lib/components/VDatePicker/VDatePicker.d.ts

@@ -1,6 +1,9 @@
+import type { VDatePickerMonthSlots } from './VDatePickerMonth.js';
+import type { VDatePickerMonthsSlots } from './VDatePickerMonths.js';
+import type { VDatePickerYearsSlots } from './VDatePickerYears.js';
 import type { VPickerSlots } from "../../labs/VPicker/VPicker.js";
 import type { GenericProps } from "../../util/index.js";
-export type VDatePickerSlots = Omit<VPickerSlots, 'header'> & {
+export type VDatePickerSlots = Omit<VPickerSlots, 'header' | 'default'> & VDatePickerYearsSlots & VDatePickerMonthsSlots & VDatePickerMonthSlots & {
     header: {
         header: string;
         transition: string;
@@ -42,6 +45,7 @@ export declare const makeVDatePickerProps: <Defaults extends {
     weeksInMonth?: unknown;
     firstDayOfWeek?: unknown;
     allowedDates?: unknown;
+    weekdayFormat?: unknown;
     hideWeekdays?: unknown;
     multiple?: unknown;
     showWeek?: unknown;
@@ -263,6 +267,10 @@ export declare const makeVDatePickerProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["allowedDates"] ? unknown[] | ((date: unknown) => boolean) : unknown[] | ((date: unknown) => boolean) | Defaults["allowedDates"]>;
         default: unknown extends Defaults["allowedDates"] ? unknown[] | ((date: unknown) => boolean) : NonNullable<unknown[] | ((date: unknown) => boolean)> | Defaults["allowedDates"];
     };
+    weekdayFormat: unknown extends Defaults["weekdayFormat"] ? import("vue").PropType<"long" | "short" | "narrow" | undefined> : {
+        type: import("vue").PropType<unknown extends Defaults["weekdayFormat"] ? "long" | "short" | "narrow" | undefined : "long" | "short" | "narrow" | Defaults["weekdayFormat"] | undefined>;
+        default: unknown extends Defaults["weekdayFormat"] ? "long" | "short" | "narrow" | undefined : NonNullable<"long" | "short" | "narrow" | undefined> | Defaults["weekdayFormat"];
+    };
     hideWeekdays: unknown extends Defaults["hideWeekdays"] ? BooleanConstructor : {
         type: import("vue").PropType<unknown extends Defaults["hideWeekdays"] ? boolean : boolean | Defaults["hideWeekdays"]>;
         default: unknown extends Defaults["hideWeekdays"] ? boolean : boolean | Defaults["hideWeekdays"];
@@ -416,6 +424,7 @@ export declare const VDatePicker: {
         headerColor?: string | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        weekdayFormat?: "long" | "short" | "narrow" | undefined;
         allowedMonths?: number[] | ((date: number) => boolean) | undefined;
         allowedYears?: number[] | ((date: number) => boolean) | undefined;
     } & {
@@ -427,7 +436,7 @@ export declare const VDatePicker: {
         'update:month': (date: any) => true;
         'update:year': (date: any) => true;
         'update:viewMode': (date: any) => true;
-    }, "multiple" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:actions" | "v-slot:title" | "v-slot:header">, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
+    }, "multiple" | "$children" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:actions" | "v-slot:title" | "v-slot:header" | "v-slot:day" | "v-slot:month" | "v-slot:year">, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
         active: string | string[];
         transition: string;
         header: string;
@@ -452,9 +461,40 @@ export declare const VDatePicker: {
         hideWeekdays: boolean;
         showWeek: boolean;
     }, true, {}, import("vue").SlotsType<Partial<{
-        default: () => import("vue").VNode[];
         title: () => import("vue").VNode[];
         actions: () => import("vue").VNode[];
+        year: (arg: {
+            year: {
+                text: string;
+                value: number;
+            };
+            i: number;
+            props: {
+                active: boolean;
+                color?: string;
+                rounded: boolean;
+                text: string;
+                variant: "flat" | "text";
+                onClick: () => void;
+            };
+        }) => import("vue").VNode[];
+        month: (arg: {
+            month: {
+                text: string;
+                value: number;
+            };
+            i: number;
+            props: {
+                onClick: () => void;
+            };
+        }) => import("vue").VNode[];
+        day: (arg: {
+            props: {
+                onClick: () => void;
+            };
+            item: any;
+            i: number;
+        }) => import("vue").VNode[];
         header: (arg: {
             header: string;
             transition: string;
@@ -513,6 +553,7 @@ export declare const VDatePicker: {
         headerColor?: string | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        weekdayFormat?: "long" | "short" | "narrow" | undefined;
         allowedMonths?: number[] | ((date: number) => boolean) | undefined;
         allowedYears?: number[] | ((date: number) => boolean) | undefined;
     } & {
@@ -594,6 +635,7 @@ export declare const VDatePicker: {
     headerColor?: string | undefined;
     firstDayOfWeek?: string | number | undefined;
     allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+    weekdayFormat?: "long" | "short" | "narrow" | undefined;
     allowedMonths?: number[] | ((date: number) => boolean) | undefined;
     allowedYears?: number[] | ((date: number) => boolean) | undefined;
 } & {
@@ -605,7 +647,7 @@ export declare const VDatePicker: {
     'update:month': (date: any) => true;
     'update:year': (date: any) => true;
     'update:viewMode': (date: any) => true;
-}, "multiple" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:actions" | "v-slot:title" | "v-slot:header">, string, {
+}, "multiple" | "$children" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:actions" | "v-slot:title" | "v-slot:header" | "v-slot:day" | "v-slot:month" | "v-slot:year">, string, {
     active: string | string[];
     transition: string;
     header: string;
@@ -630,9 +672,40 @@ export declare const VDatePicker: {
     hideWeekdays: boolean;
     showWeek: boolean;
 }, {}, string, import("vue").SlotsType<Partial<{
-    default: () => import("vue").VNode[];
     title: () => import("vue").VNode[];
     actions: () => import("vue").VNode[];
+    year: (arg: {
+        year: {
+            text: string;
+            value: number;
+        };
+        i: number;
+        props: {
+            active: boolean;
+            color?: string;
+            rounded: boolean;
+            text: string;
+            variant: "flat" | "text";
+            onClick: () => void;
+        };
+    }) => import("vue").VNode[];
+    month: (arg: {
+        month: {
+            text: string;
+            value: number;
+        };
+        i: number;
+        props: {
+            onClick: () => void;
+        };
+    }) => import("vue").VNode[];
+    day: (arg: {
+        props: {
+            onClick: () => void;
+        };
+        item: any;
+        i: number;
+    }) => import("vue").VNode[];
     header: (arg: {
         header: string;
         transition: string;
@@ -710,6 +783,7 @@ export declare const VDatePicker: {
         default: undefined;
     };
     allowedDates: import("vue").PropType<unknown[] | ((date: unknown) => boolean)>;
+    weekdayFormat: import("vue").PropType<"long" | "short" | "narrow" | undefined>;
     hideWeekdays: BooleanConstructor;
     multiple: import("vue").PropType<boolean | "range" | number | (string & {})>;
     showWeek: BooleanConstructor;
@@ -817,6 +891,7 @@ export declare const VDatePicker: {
         default: undefined;
     };
     allowedDates: import("vue").PropType<unknown[] | ((date: unknown) => boolean)>;
+    weekdayFormat: import("vue").PropType<"long" | "short" | "narrow" | undefined>;
     hideWeekdays: BooleanConstructor;
     multiple: import("vue").PropType<boolean | "range" | number | (string & {})>;
     showWeek: BooleanConstructor;

package/lib/components/VDatePicker/VDatePicker.js

@@ -15,7 +15,7 @@ import { useDate } from "../../composables/date/index.js";
 import { useLocale, useRtl } from "../../composables/locale.js";
 import { useProxiedModel } from "../../composables/proxiedModel.js"; // Utilities
 import { computed, shallowRef, toRef, watch } from 'vue';
-import { genericComponent, omit, propsFactory, useRender, wrapInArray } from "../../util/index.js"; // Types
+import { genericComponent, omit, pick, propsFactory, useRender, wrapInArray } from "../../util/index.js"; // Types
 // Types
 export const makeVDatePickerProps = propsFactory({
   // TODO: implement in v3.5
@@ -299,7 +299,9 @@ export const VDatePicker = genericComponent()({
             "max": maxDate.value,
             "year": year.value,
             "allowedMonths": allowedMonths
-          }), null) : viewMode.value === 'year' ? _createVNode(VDatePickerYears, _mergeProps({
+          }), {
+            ...pick(slots, ['month'])
+          }) : viewMode.value === 'year' ? _createVNode(VDatePickerYears, _mergeProps({
             "key": "date-picker-years"
           }, datePickerYearsProps, {
             "modelValue": year.value,
@@ -307,7 +309,9 @@ export const VDatePicker = genericComponent()({
             "min": minDate.value,
             "max": maxDate.value,
             "allowedYears": allowedYears
-          }), null) : _createVNode(VDatePickerMonth, _mergeProps({
+          }), {
+            ...pick(slots, ['year'])
+          }) : _createVNode(VDatePickerMonth, _mergeProps({
             "key": "date-picker-month"
           }, datePickerMonthProps, {
             "modelValue": model.value,
@@ -318,7 +322,9 @@ export const VDatePicker = genericComponent()({
             "onUpdate:year": [$event => year.value = $event, onUpdateYear],
             "min": minDate.value,
             "max": maxDate.value
-          }), null)]
+          }), {
+            ...pick(slots, ['day'])
+          })]
         })]),
         actions: slots.actions
       });