vuetify 3.3.20 → 3.3.21

package/lib/components/VField/VField.css

@@ -22,6 +22,9 @@
   opacity: var(--v-disabled-opacity);
   pointer-events: none;
 }
+.v-field .v-chip {
+  --v-chip-height: 24px;
+}
 
 /* endregion */
 /* region MODIFIERS */

package/lib/components/VField/VField.sass

@@ -30,6 +30,9 @@
   --v-field-input-padding-top: #{$field-input-padding-top}
   --v-field-input-padding-bottom: #{$field-input-padding-bottom}
 
+  .v-chip
+    --v-chip-height: #{$field-chip-height}
+
 /* endregion */
 /* region MODIFIERS */
 .v-field

package/lib/components/VField/_variables.scss

@@ -16,6 +16,7 @@ $field-subtle-transition-timing: 250ms settings.$standard-easing !default;
 $field-underlined-margin-bottom: 4px !default;
 $field-clearable-margin: 4px !default;
 $field-clearable-transition: .15s opacity, .15s width settings.$standard-easing !default;
+$field-chip-height: 24px !default;
 
 // CONTROL
 $field-control-solo-background: rgb(var(--v-theme-surface)) !default;

package/lib/components/VTable/VTable.css

@@ -39,6 +39,8 @@
   border-radius: inherit;
   line-height: 1.5;
   max-width: 100%;
+  display: flex;
+  flex-direction: column;
 }
 .v-table > .v-table__wrapper > table {
   width: 100%;
@@ -98,6 +100,7 @@
 .v-table__wrapper {
   border-radius: inherit;
   overflow: auto;
+  flex: 1 1 auto;
 }
 
 .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {

package/lib/components/VTable/VTable.sass

@@ -70,6 +70,8 @@
   // Do not inherit line-height
   line-height: $table-line-height
   max-width: 100%
+  display: flex
+  flex-direction: column
 
   > .v-table__wrapper
     > table
@@ -110,6 +112,7 @@
 .v-table__wrapper
   border-radius: inherit
   overflow: auto
+  flex: 1 1 auto
 
 // Modifiers
 .v-table--has-top

package/lib/entry-bundler.mjs

@@ -15,7 +15,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.3.20";
+export const version = "3.3.21";
 createVuetify.version = version;
 export { components, directives };
 export * from "./composables/index.mjs";

package/lib/framework.mjs

@@ -92,7 +92,7 @@ export function createVuetify() {
     date
   };
 }
-export const version = "3.3.20";
+export const version = "3.3.21";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup

package/lib/index.d.mts

@@ -213,6 +213,8 @@ interface DateAdapter<T> {
     date(value?: any): T | null;
     format(date: T, formatString: string): string;
     toJsDate(value: T): Date;
+    parseISO(date: string): T;
+    toISO(date: T): string;
     startOfDay(date: T): T;
     endOfDay(date: T): T;
     startOfMonth(date: T): T;
@@ -363,10 +365,6 @@ declare module '@vue/runtime-core' {
   }
 
   export interface GlobalComponents {
-    VSwitch: typeof import('vuetify/components')['VSwitch']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
-    VTabs: typeof import('vuetify/components')['VTabs']
-    VTab: typeof import('vuetify/components')['VTab']
     VApp: typeof import('vuetify/components')['VApp']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
@@ -450,6 +448,10 @@ declare module '@vue/runtime-core' {
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
     VSlider: typeof import('vuetify/components')['VSlider']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
+    VTabs: typeof import('vuetify/components')['VTabs']
+    VTab: typeof import('vuetify/components')['VTab']
     VTable: typeof import('vuetify/components')['VTable']
     VTextarea: typeof import('vuetify/components')['VTextarea']
     VTextField: typeof import('vuetify/components')['VTextField']
@@ -497,6 +499,7 @@ declare module '@vue/runtime-core' {
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
     VBottomSheet: typeof import('vuetify/labs/components')['VBottomSheet']
+    VDataIterator: typeof import('vuetify/labs/components')['VDataIterator']
     VDataTable: typeof import('vuetify/labs/components')['VDataTable']
     VDataTableFooter: typeof import('vuetify/labs/components')['VDataTableFooter']
     VDataTableRows: typeof import('vuetify/labs/components')['VDataTableRows']
@@ -520,6 +523,5 @@ declare module '@vue/runtime-core' {
     VStepperItem: typeof import('vuetify/labs/components')['VStepperItem']
     VStepperWindow: typeof import('vuetify/labs/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/labs/components')['VStepperWindowItem']
-    VDataIterator: typeof import('vuetify/labs/components')['VDataIterator']
   }
 }

package/lib/labs/VDataTable/VDataTableFooter.mjs

@@ -90,10 +90,18 @@ export const VDataTableFooter = genericComponent()({
       itemsPerPage,
       setItemsPerPage
     } = usePagination();
-    const itemsPerPageOptions = computed(() => props.itemsPerPageOptions.map(option => ({
-      ...option,
-      title: t(option.title)
-    })));
+    const itemsPerPageOptions = computed(() => props.itemsPerPageOptions.map(option => {
+      if (typeof option === 'number') {
+        return {
+          value: option,
+          title: option === -1 ? t('$vuetify.dataFooter.itemsPerPageAll') : String(option)
+        };
+      }
+      return {
+        ...option,
+        title: t(option.title)
+      };
+    }));
     return () => _createVNode("div", {
       "class": "v-data-table-footer"
     }, [slots.prepend?.(), _createVNode("div", {

package/lib/labs/VDataTable/VDataTableFooter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VDataTableFooter.mjs","names":["VBtn","VSelect","usePagination","useLocale","computed","genericComponent","propsFactory","makeVDataTableFooterProps","prevIcon","type","String","default","nextIcon","firstIcon","lastIcon","itemsPerPageText","pageText","firstPageLabel","prevPageLabel","nextPageLabel","lastPageLabel","itemsPerPageOptions","Array","value","title","showCurrentPage","Boolean","VDataTableFooter","name","props","setup","_ref","slots","t","page","pageCount","startIndex","stopIndex","itemsLength","itemsPerPage","setItemsPerPage","map","option","_createVNode","prepend","v","Number","onClick","Math","max","min"],"sources":["../../../src/labs/VDataTable/VDataTableFooter.tsx"],"sourcesContent":["// Styles\nimport './VDataTableFooter.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VSelect } from '@/components/VSelect'\n\n// Composables\nimport { usePagination } from './composables/paginate'\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, propsFactory } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const makeVDataTableFooterProps = propsFactory({\n  prevIcon: {\n    type: String,\n    default: '$prev',\n  },\n  nextIcon: {\n    type: String,\n    default: '$next',\n  },\n  firstIcon: {\n    type: String,\n    default: '$first',\n  },\n  lastIcon: {\n    type: String,\n    default: '$last',\n  },\n  itemsPerPageText: {\n    type: String,\n    default: '$vuetify.dataFooter.itemsPerPageText',\n  },\n  pageText: {\n    type: String,\n    default: '$vuetify.dataFooter.pageText',\n  },\n  firstPageLabel: {\n    type: String,\n    default: '$vuetify.dataFooter.firstPage',\n  },\n  prevPageLabel: {\n    type: String,\n    default: '$vuetify.dataFooter.prevPage',\n  },\n  nextPageLabel: {\n    type: String,\n    default: '$vuetify.dataFooter.nextPage',\n  },\n  lastPageLabel: {\n    type: String,\n    default: '$vuetify.dataFooter.lastPage',\n  },\n  itemsPerPageOptions: {\n    type: Array as PropType<readonly { title: string, value: number }[]>,\n    default: () => ([\n      { value: 10, title: '10' },\n      { value: 25, title: '25' },\n      { value: 50, title: '50' },\n      { value: 100, title: '100' },\n      { value: -1, title: '$vuetify.dataFooter.itemsPerPageAll' },\n    ]),\n  },\n  showCurrentPage: Boolean,\n}, 'VDataTableFooter')\n\nexport const VDataTableFooter = genericComponent<{ prepend: never }>()({\n  name: 'VDataTableFooter',\n\n  props: makeVDataTableFooterProps(),\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const { page, pageCount, startIndex, stopIndex, itemsLength, itemsPerPage, setItemsPerPage } = usePagination()\n\n    const itemsPerPageOptions = computed(() => (\n      props.itemsPerPageOptions.map(option => ({\n        ...option,\n        title: t(option.title),\n      }))\n    ))\n\n    return () => (\n      <div\n        class=\"v-data-table-footer\"\n      >\n        { slots.prepend?.() }\n        <div class=\"v-data-table-footer__items-per-page\">\n          <span>{ t(props.itemsPerPageText) }</span>\n          <VSelect\n            items={ itemsPerPageOptions.value }\n            modelValue={ itemsPerPage.value }\n            onUpdate:modelValue={ v => setItemsPerPage(Number(v)) }\n            density=\"compact\"\n            variant=\"outlined\"\n            hide-details\n          />\n        </div>\n        <div class=\"v-data-table-footer__info\">\n          <div>\n            { t(props.pageText, !itemsLength.value ? 0 : startIndex.value + 1, stopIndex.value, itemsLength.value) }\n          </div>\n        </div>\n        <div class=\"v-data-table-footer__pagination\">\n          <VBtn\n            icon={ props.firstIcon }\n            variant=\"plain\"\n            onClick={ () => page.value = 1 }\n            disabled={ page.value === 1 }\n            aria-label={ t(props.firstPageLabel) }\n          />\n          <VBtn\n            icon={ props.prevIcon }\n            variant=\"plain\"\n            onClick={ () => page.value = Math.max(1, page.value - 1) }\n            disabled={ page.value === 1 }\n            aria-label={ t(props.prevPageLabel) }\n          />\n          { props.showCurrentPage && (\n            <span key=\"page\" class=\"v-data-table-footer__page\">{ page.value }</span>\n          )}\n          <VBtn\n            icon={ props.nextIcon }\n            variant=\"plain\"\n            onClick={ () => page.value = Math.min(pageCount.value, page.value + 1) }\n            disabled={ page.value === pageCount.value }\n            aria-label={ t(props.nextPageLabel) }\n          />\n          <VBtn\n            icon={ props.lastIcon }\n            variant=\"plain\"\n            onClick={ () => page.value = pageCount.value }\n            disabled={ page.value === pageCount.value }\n            aria-label={ t(props.lastPageLabel) }\n          />\n        </div>\n      </div>\n    )\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"VDataTableFooter.mjs","names":["VBtn","VSelect","usePagination","useLocale","computed","genericComponent","propsFactory","makeVDataTableFooterProps","prevIcon","type","String","default","nextIcon","firstIcon","lastIcon","itemsPerPageText","pageText","firstPageLabel","prevPageLabel","nextPageLabel","lastPageLabel","itemsPerPageOptions","Array","value","title","showCurrentPage","Boolean","VDataTableFooter","name","props","setup","_ref","slots","t","page","pageCount","startIndex","stopIndex","itemsLength","itemsPerPage","setItemsPerPage","map","option","_createVNode","prepend","v","Number","onClick","Math","max","min"],"sources":["../../../src/labs/VDataTable/VDataTableFooter.tsx"],"sourcesContent":["// Styles\nimport './VDataTableFooter.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VSelect } from '@/components/VSelect'\n\n// Composables\nimport { usePagination } from './composables/paginate'\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, propsFactory } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const makeVDataTableFooterProps = propsFactory({\n  prevIcon: {\n    type: String,\n    default: '$prev',\n  },\n  nextIcon: {\n    type: String,\n    default: '$next',\n  },\n  firstIcon: {\n    type: String,\n    default: '$first',\n  },\n  lastIcon: {\n    type: String,\n    default: '$last',\n  },\n  itemsPerPageText: {\n    type: String,\n    default: '$vuetify.dataFooter.itemsPerPageText',\n  },\n  pageText: {\n    type: String,\n    default: '$vuetify.dataFooter.pageText',\n  },\n  firstPageLabel: {\n    type: String,\n    default: '$vuetify.dataFooter.firstPage',\n  },\n  prevPageLabel: {\n    type: String,\n    default: '$vuetify.dataFooter.prevPage',\n  },\n  nextPageLabel: {\n    type: String,\n    default: '$vuetify.dataFooter.nextPage',\n  },\n  lastPageLabel: {\n    type: String,\n    default: '$vuetify.dataFooter.lastPage',\n  },\n  itemsPerPageOptions: {\n    type: Array as PropType<readonly (number | { title: string, value: number })[]>,\n    default: () => ([\n      { value: 10, title: '10' },\n      { value: 25, title: '25' },\n      { value: 50, title: '50' },\n      { value: 100, title: '100' },\n      { value: -1, title: '$vuetify.dataFooter.itemsPerPageAll' },\n    ]),\n  },\n  showCurrentPage: Boolean,\n}, 'VDataTableFooter')\n\nexport const VDataTableFooter = genericComponent<{ prepend: never }>()({\n  name: 'VDataTableFooter',\n\n  props: makeVDataTableFooterProps(),\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const { page, pageCount, startIndex, stopIndex, itemsLength, itemsPerPage, setItemsPerPage } = usePagination()\n\n    const itemsPerPageOptions = computed(() => (\n      props.itemsPerPageOptions.map(option => {\n        if (typeof option === 'number') {\n          return {\n            value: option,\n            title: option === -1\n              ? t('$vuetify.dataFooter.itemsPerPageAll')\n              : String(option),\n          }\n        }\n\n        return {\n          ...option,\n          title: t(option.title),\n        }\n      })\n    ))\n\n    return () => (\n      <div\n        class=\"v-data-table-footer\"\n      >\n        { slots.prepend?.() }\n        <div class=\"v-data-table-footer__items-per-page\">\n          <span>{ t(props.itemsPerPageText) }</span>\n          <VSelect\n            items={ itemsPerPageOptions.value }\n            modelValue={ itemsPerPage.value }\n            onUpdate:modelValue={ v => setItemsPerPage(Number(v)) }\n            density=\"compact\"\n            variant=\"outlined\"\n            hide-details\n          />\n        </div>\n        <div class=\"v-data-table-footer__info\">\n          <div>\n            { t(props.pageText, !itemsLength.value ? 0 : startIndex.value + 1, stopIndex.value, itemsLength.value) }\n          </div>\n        </div>\n        <div class=\"v-data-table-footer__pagination\">\n          <VBtn\n            icon={ props.firstIcon }\n            variant=\"plain\"\n            onClick={ () => page.value = 1 }\n            disabled={ page.value === 1 }\n            aria-label={ t(props.firstPageLabel) }\n          />\n          <VBtn\n            icon={ props.prevIcon }\n            variant=\"plain\"\n            onClick={ () => page.value = Math.max(1, page.value - 1) }\n            disabled={ page.value === 1 }\n            aria-label={ t(props.prevPageLabel) }\n          />\n          { props.showCurrentPage && (\n            <span key=\"page\" class=\"v-data-table-footer__page\">{ page.value }</span>\n          )}\n          <VBtn\n            icon={ props.nextIcon }\n            variant=\"plain\"\n            onClick={ () => page.value = Math.min(pageCount.value, page.value + 1) }\n            disabled={ page.value === pageCount.value }\n            aria-label={ t(props.nextPageLabel) }\n          />\n          <VBtn\n            icon={ props.lastIcon }\n            variant=\"plain\"\n            onClick={ () => page.value = pageCount.value }\n            disabled={ page.value === pageCount.value }\n            aria-label={ t(props.lastPageLabel) }\n          />\n        </div>\n      </div>\n    )\n  },\n})\n"],"mappings":"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"}

package/lib/labs/VDataTable/index.d.mts

@@ -1168,10 +1168,10 @@ declare const VDataTable: {
             prevPageLabel?: string | undefined;
             nextPageLabel?: string | undefined;
             lastPageLabel?: string | undefined;
-            itemsPerPageOptions?: readonly {
+            itemsPerPageOptions?: readonly (number | {
                 title: string;
                 value: number;
-            }[] | undefined;
+            })[] | undefined;
             showCurrentPage?: boolean | undefined;
             sortAscIcon?: IconValue | undefined;
             sortDescIcon?: IconValue | undefined;
@@ -1589,10 +1589,10 @@ declare const VDataTable: {
             prevPageLabel: string;
             nextPageLabel: string;
             lastPageLabel: string;
-            itemsPerPageOptions: readonly {
+            itemsPerPageOptions: readonly (number | {
                 title: string;
                 value: number;
-            }[];
+            })[];
             showCurrentPage: boolean;
             sortAscIcon: IconValue;
             sortDescIcon: IconValue;
@@ -1883,10 +1883,10 @@ declare const VDataTable: {
             prevPageLabel: string;
             nextPageLabel: string;
             lastPageLabel: string;
-            itemsPerPageOptions: readonly {
+            itemsPerPageOptions: readonly (number | {
                 title: string;
                 value: number;
-            }[];
+            })[];
             showCurrentPage: boolean;
             sortAscIcon: IconValue;
             sortDescIcon: IconValue;
@@ -2069,10 +2069,10 @@ declare const VDataTable: {
         prevPageLabel: string;
         nextPageLabel: string;
         lastPageLabel: string;
-        itemsPerPageOptions: readonly {
+        itemsPerPageOptions: readonly (number | {
             title: string;
             value: number;
-        }[];
+        })[];
         showCurrentPage: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
@@ -2359,10 +2359,10 @@ declare const VDataTable: {
     prevPageLabel: string;
     nextPageLabel: string;
     lastPageLabel: string;
-    itemsPerPageOptions: readonly {
+    itemsPerPageOptions: readonly (number | {
         title: string;
         value: number;
-    }[];
+    })[];
     showCurrentPage: boolean;
     sortAscIcon: IconValue;
     sortDescIcon: IconValue;
@@ -2653,10 +2653,10 @@ declare const VDataTable: {
     prevPageLabel: string;
     nextPageLabel: string;
     lastPageLabel: string;
-    itemsPerPageOptions: readonly {
+    itemsPerPageOptions: readonly (number | {
         title: string;
         value: number;
-    }[];
+    })[];
     showCurrentPage: boolean;
     sortAscIcon: IconValue;
     sortDescIcon: IconValue;
@@ -2820,10 +2820,10 @@ declare const VDataTable: {
         default: string;
     };
     itemsPerPageOptions: {
-        type: vue.PropType<readonly {
+        type: vue.PropType<readonly (number | {
             title: string;
             value: number;
-        }[]>;
+        })[]>;
         default: () => {
             value: number;
             title: string;
@@ -2981,10 +2981,10 @@ declare const VDataTable: {
         default: string;
     };
     itemsPerPageOptions: {
-        type: vue.PropType<readonly {
+        type: vue.PropType<readonly (number | {
             title: string;
             value: number;
-        }[]>;
+        })[]>;
         default: () => {
             value: number;
             title: string;
@@ -3118,10 +3118,10 @@ declare const VDataTableFooter: {
             prevPageLabel?: string | undefined;
             nextPageLabel?: string | undefined;
             lastPageLabel?: string | undefined;
-            itemsPerPageOptions?: readonly {
+            itemsPerPageOptions?: readonly (number | {
                 title: string;
                 value: number;
-            }[] | undefined;
+            })[] | undefined;
             showCurrentPage?: boolean | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
@@ -3201,10 +3201,10 @@ declare const VDataTableFooter: {
             prevPageLabel: string;
             nextPageLabel: string;
             lastPageLabel: string;
-            itemsPerPageOptions: readonly {
+            itemsPerPageOptions: readonly (number | {
                 title: string;
                 value: number;
-            }[];
+            })[];
             showCurrentPage: boolean;
         } & {} & {
             $children?: {} | vue.VNodeChild | {
@@ -3226,10 +3226,10 @@ declare const VDataTableFooter: {
             prevPageLabel: string;
             nextPageLabel: string;
             lastPageLabel: string;
-            itemsPerPageOptions: readonly {
+            itemsPerPageOptions: readonly (number | {
                 title: string;
                 value: number;
-            }[];
+            })[];
             showCurrentPage: boolean;
         }, {}, string, vue.SlotsType<Partial<{
             prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -3266,10 +3266,10 @@ declare const VDataTableFooter: {
         prevPageLabel: string;
         nextPageLabel: string;
         lastPageLabel: string;
-        itemsPerPageOptions: readonly {
+        itemsPerPageOptions: readonly (number | {
             title: string;
             value: number;
-        }[];
+        })[];
         showCurrentPage: boolean;
     } & {} & {
         $children?: {} | vue.VNodeChild | {
@@ -3295,10 +3295,10 @@ declare const VDataTableFooter: {
     prevPageLabel: string;
     nextPageLabel: string;
     lastPageLabel: string;
-    itemsPerPageOptions: readonly {
+    itemsPerPageOptions: readonly (number | {
         title: string;
         value: number;
-    }[];
+    })[];
     showCurrentPage: boolean;
 } & {} & {
     $children?: {} | vue.VNodeChild | {
@@ -3320,10 +3320,10 @@ declare const VDataTableFooter: {
     prevPageLabel: string;
     nextPageLabel: string;
     lastPageLabel: string;
-    itemsPerPageOptions: readonly {
+    itemsPerPageOptions: readonly (number | {
         title: string;
         value: number;
-    }[];
+    })[];
     showCurrentPage: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -3371,10 +3371,10 @@ declare const VDataTableFooter: {
         default: string;
     };
     itemsPerPageOptions: {
-        type: PropType<readonly {
+        type: PropType<readonly (number | {
             title: string;
             value: number;
-        }[]>;
+        })[]>;
         default: () => {
             value: number;
             title: string;
@@ -3423,10 +3423,10 @@ declare const VDataTableFooter: {
         default: string;
     };
     itemsPerPageOptions: {
-        type: PropType<readonly {
+        type: PropType<readonly (number | {
             title: string;
             value: number;
-        }[]>;
+        })[]>;
         default: () => {
             value: number;
             title: string;
@@ -5146,10 +5146,10 @@ declare const VDataTableServer: {
             prevPageLabel?: string | undefined;
             nextPageLabel?: string | undefined;
             lastPageLabel?: string | undefined;
-            itemsPerPageOptions?: readonly {
+            itemsPerPageOptions?: readonly (number | {
                 title: string;
                 value: number;
-            }[] | undefined;
+            })[] | undefined;
             showCurrentPage?: boolean | undefined;
             sortAscIcon?: IconValue | undefined;
             sortDescIcon?: IconValue | undefined;
@@ -5564,10 +5564,10 @@ declare const VDataTableServer: {
             prevPageLabel: string;
             nextPageLabel: string;
             lastPageLabel: string;
-            itemsPerPageOptions: readonly {
+            itemsPerPageOptions: readonly (number | {
                 title: string;
                 value: number;
-            }[];
+            })[];
             showCurrentPage: boolean;
             sortAscIcon: IconValue;
             sortDescIcon: IconValue;
@@ -5853,10 +5853,10 @@ declare const VDataTableServer: {
             prevPageLabel: string;
             nextPageLabel: string;
             lastPageLabel: string;
-            itemsPerPageOptions: readonly {
+            itemsPerPageOptions: readonly (number | {
                 title: string;
                 value: number;
-            }[];
+            })[];
             showCurrentPage: boolean;
             sortAscIcon: IconValue;
             sortDescIcon: IconValue;
@@ -6038,10 +6038,10 @@ declare const VDataTableServer: {
         prevPageLabel: string;
         nextPageLabel: string;
         lastPageLabel: string;
-        itemsPerPageOptions: readonly {
+        itemsPerPageOptions: readonly (number | {
             title: string;
             value: number;
-        }[];
+        })[];
         showCurrentPage: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
@@ -6324,10 +6324,10 @@ declare const VDataTableServer: {
     prevPageLabel: string;
     nextPageLabel: string;
     lastPageLabel: string;
-    itemsPerPageOptions: readonly {
+    itemsPerPageOptions: readonly (number | {
         title: string;
         value: number;
-    }[];
+    })[];
     showCurrentPage: boolean;
     sortAscIcon: IconValue;
     sortDescIcon: IconValue;
@@ -6613,10 +6613,10 @@ declare const VDataTableServer: {
     prevPageLabel: string;
     nextPageLabel: string;
     lastPageLabel: string;
-    itemsPerPageOptions: readonly {
+    itemsPerPageOptions: readonly (number | {
         title: string;
         value: number;
-    }[];
+    })[];
     showCurrentPage: boolean;
     sortAscIcon: IconValue;
     sortDescIcon: IconValue;
@@ -6780,10 +6780,10 @@ declare const VDataTableServer: {
         default: string;
     };
     itemsPerPageOptions: {
-        type: vue.PropType<readonly {
+        type: vue.PropType<readonly (number | {
             title: string;
             value: number;
-        }[]>;
+        })[]>;
         default: () => {
             value: number;
             title: string;
@@ -6937,10 +6937,10 @@ declare const VDataTableServer: {
         default: string;
     };
     itemsPerPageOptions: {
-        type: vue.PropType<readonly {
+        type: vue.PropType<readonly (number | {
             title: string;
             value: number;
-        }[]>;
+        })[]>;
         default: () => {
             value: number;
             title: string;

package/lib/labs/VDatePicker/VDatePickerMonth.mjs

@@ -12,6 +12,7 @@ import { getWeek, toIso } from "../date/date.mjs";
 import { dateEmits, makeDateProps } from "../VDateInput/composables.mjs";
 import { useDate } from "../date/index.mjs";
 export const makeVDatePickerMonthProps = propsFactory({
+  allowedDates: [Array, Function],
   color: String,
   showAdjacentMonths: Boolean,
   hideWeekdays: Boolean,
@@ -98,7 +99,6 @@ export const VDatePickerMonth = genericComponent()({
       const startDate = validDates[0];
       const endDate = validDates[1];
       return days.map((date, index) => {
-        const isDisabled = !!(props.min && adapter.isAfter(props.min, date) || props.max && adapter.isAfter(date, props.max));
         const isStart = startDate && adapter.isSameDay(date, startDate);
         const isEnd = endDate && adapter.isSameDay(date, endDate);
         const isAdjacent = !adapter.isSameMonth(date, month.value);
@@ -109,7 +109,7 @@ export const VDatePickerMonth = genericComponent()({
           formatted: adapter.format(date, 'keyboardDate'),
           year: adapter.getYear(date),
           month: adapter.getMonth(date),
-          isDisabled,
+          isDisabled: isDisabled(date),
           isWeekStart: index % 7 === 0,
           isWeekEnd: index % 7 === 6,
           isSelected: isStart || isEnd,
@@ -136,6 +136,18 @@ export const VDatePickerMonth = genericComponent()({
       backgroundColorClasses,
       backgroundColorStyles
     } = useBackgroundColor(props, 'color');
+    function isDisabled(value) {
+      const date = adapter.date(value);
+      if (props.min && adapter.isAfter(props.min, date)) return true;
+      if (props.max && adapter.isAfter(date, props.max)) return true;
+      if (Array.isArray(props.allowedDates)) {
+        return !props.allowedDates.some(d => adapter.isSameDay(adapter.date(d), date));
+      }
+      if (typeof props.allowedDates === 'function') {
+        return !props.allowedDates(date);
+      }
+      return false;
+    }
     function selectDate(date) {
       let newModel = props.modelValue.slice();
       if (props.multiple) {