diff --git a/packages/docs/src/examples/v-date-picker/misc-week-selection.vue b/packages/docs/src/examples/v-date-picker/misc-week-selection.vue new file mode 100644 index 00000000000..7c9c870f88f --- /dev/null +++ b/packages/docs/src/examples/v-date-picker/misc-week-selection.vue @@ -0,0 +1,33 @@ + + + + + diff --git a/packages/docs/src/pages/en/components/date-pickers.md b/packages/docs/src/pages/en/components/date-pickers.md index 2ddb072d0b8..edd7120ec31 100644 --- a/packages/docs/src/pages/en/components/date-pickers.md +++ b/packages/docs/src/pages/en/components/date-pickers.md @@ -88,6 +88,12 @@ Specify allowed dates using objects or functions. When using objects, accepts a +#### Week selection + +You can let users select entire week with a single click when **multiple** is set to `week`. + + + ### Internationalization Vuetify components can localize date formats by utilizing the [i18n](/features/internationalization) feature. This determines the appropriate locale for date display. When the default date adapter is in use, localization is managed automatically. diff --git a/packages/vuetify/src/components/VDatePicker/VDatePicker.tsx b/packages/vuetify/src/components/VDatePicker/VDatePicker.tsx index f2a5e8f0b42..c077a82ea1a 100644 --- a/packages/vuetify/src/components/VDatePicker/VDatePicker.tsx +++ b/packages/vuetify/src/components/VDatePicker/VDatePicker.tsx @@ -76,14 +76,14 @@ export const makeVDatePickerProps = propsFactory({ }), ...omit(makeVDatePickerMonthsProps(), ['modelValue']), ...omit(makeVDatePickerYearsProps(), ['modelValue']), - ...makeVPickerProps({ title: '$vuetify.datePicker.title' }), + ...makeVPickerProps(), modelValue: null, }, 'VDatePicker') export const VDatePicker = genericComponent { + if (props.multiple === 'week' && model.value.length > 0) { + const week = adapter.getWeek(model.value[0]) + const year = adapter.getYear(model.value[0]) + return t('$vuetify.datePicker.weekSelected', week, year) + } + if (props.multiple && model.value.length > 1) { return t('$vuetify.datePicker.itemsSelected', model.value.length) } @@ -171,6 +177,12 @@ export const VDatePicker = genericComponent { + const defaultTitle = props.multiple === 'week' + ? '$vuetify.datePicker.weekTitle' + : '$vuetify.datePicker.title' + return t(props.title ?? defaultTitle) + }) const text = computed(() => { let date = adapter.date() @@ -360,7 +372,7 @@ export const VDatePicker = genericComponent slots.title?.() ?? (
- { t(props.title) } + { titleText.value }
), header: () => slots.header ? ( diff --git a/packages/vuetify/src/components/VDatePicker/VDatePickerMonth.sass b/packages/vuetify/src/components/VDatePicker/VDatePickerMonth.sass index 67e8eb9d7e7..37e76497f96 100644 --- a/packages/vuetify/src/components/VDatePicker/VDatePickerMonth.sass +++ b/packages/vuetify/src/components/VDatePicker/VDatePickerMonth.sass @@ -1,3 +1,4 @@ +@use '../../styles/settings' @use '../../styles/tools' @use './variables' as * @@ -48,3 +49,53 @@ .v-date-picker-month__day--hide-adjacent opacity: 0 + + .v-date-picker-month--hover-week + .v-date-picker-month__day--adjacent + opacity: 1 + > .v-btn + opacity: 0.5 + + .v-date-picker-month__weeks + .v-date-picker-month__day--adjacent + opacity: 0.5 + + .v-date-picker-month__week-background + position: absolute + content: '' + display: block + width: calc(var(--v-date-picker-days-in-week) * (#{$date-picker-month-day-size} + #{$date-picker-month-column-gap}) - #{$date-picker-month-column-gap}) + height: $date-picker-month-day-size + transition: 0.3s opacity settings.$standard-easing + left: 0 + top: 0 + background-color: currentColor + border-radius: $date-picker-month-week-selection-border-radius + z-index: 0 + pointer-events: none + opacity: 0 + + .v-date-picker-month__day--week-start + &:hover, + &:has(+ *:hover) + .v-date-picker-month__week-background + opacity: calc(min(1, calc(var(--v-date-picker-days-in-week) - 1)) * $date-picker-month-week-selection-background-opacity) + &:has(+ * + *:hover) + .v-date-picker-month__week-background + opacity: calc(min(1, calc(var(--v-date-picker-days-in-week) - 2)) * $date-picker-month-week-selection-background-opacity) + &:has(+ * + * + *:hover) + .v-date-picker-month__week-background + opacity: calc(min(1, calc(var(--v-date-picker-days-in-week) - 3)) * $date-picker-month-week-selection-background-opacity) + &:has(+ * + * + * + *:hover) + .v-date-picker-month__week-background + opacity: calc(min(1, calc(var(--v-date-picker-days-in-week) - 4)) * $date-picker-month-week-selection-background-opacity) + &:has(+ * + * + * + * + *:hover) + .v-date-picker-month__week-background + opacity: calc(min(1, calc(var(--v-date-picker-days-in-week) - 5)) * $date-picker-month-week-selection-background-opacity) + &:has(+ * + * + * + * + * + *:hover) + .v-date-picker-month__week-background + opacity: calc(min(1, calc(var(--v-date-picker-days-in-week) - 6)) * $date-picker-month-week-selection-background-opacity) + + &:is(.v-date-picker-month__day--selected) + .v-date-picker-month__week-background + opacity: $date-picker-week-selection-opacity diff --git a/packages/vuetify/src/components/VDatePicker/VDatePickerMonth.tsx b/packages/vuetify/src/components/VDatePicker/VDatePickerMonth.tsx index 3f432d284c3..b26e3310773 100644 --- a/packages/vuetify/src/components/VDatePicker/VDatePickerMonth.tsx +++ b/packages/vuetify/src/components/VDatePicker/VDatePickerMonth.tsx @@ -6,7 +6,8 @@ import { VBtn } from '@/components/VBtn' // Composables import { makeCalendarProps, useCalendar } from '@/composables/calendar' -import { createDateRange, useDate } from '@/composables/date/date' +import { useBackgroundColor } from '@/composables/color' +import { createDateRange, createWeekRange, useDate } from '@/composables/date/date' import { MaybeTransition } from '@/composables/transition' // Utilities @@ -29,7 +30,7 @@ export type VDatePickerMonthSlots = { export const makeVDatePickerMonthProps = propsFactory({ color: String, hideWeekdays: Boolean, - multiple: [Boolean, Number, String] as PropType, + multiple: [Boolean, Number, String] as PropType, showWeek: Boolean, transition: { type: String, @@ -81,6 +82,8 @@ export const VDatePickerMonth = genericComponent()({ return model.value.length >= max }) + const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.color) + watch(daysInMonth, (val, oldVal) => { if (!oldVal) return @@ -119,6 +122,10 @@ export const VDatePickerMonth = genericComponent()({ } } + function onWeekClick (value: unknown) { + model.value = createWeekRange(adapter, value, props.weekdays.at(0), props.weekdays.length) + } + function onMultipleClick (value: unknown) { const index = model.value.findIndex(selection => adapter.isSameDay(selection, value)) @@ -134,6 +141,8 @@ export const VDatePickerMonth = genericComponent()({ function onClick (value: unknown) { if (props.multiple === 'range') { onRangeClick(value) + } else if (props.multiple === 'week') { + onWeekClick(value) } else if (props.multiple) { onMultipleClick(value) } else { @@ -143,7 +152,12 @@ export const VDatePickerMonth = genericComponent()({ useRender(() => (
{ props.showWeek && ( @@ -211,6 +225,16 @@ export const VDatePickerMonth = genericComponent()({ ]} data-v-date={ !item.isDisabled ? item.isoDate : undefined } > + { item.isWeekStart && props.multiple === 'week' && ( +
+ )} { (props.showAdjacentMonths || !item.isAdjacent) && ( slots.day?.(slotProps) ?? () )} diff --git a/packages/vuetify/src/components/VDatePicker/_variables.scss b/packages/vuetify/src/components/VDatePicker/_variables.scss index 3c4f59431b5..a11b8d2be91 100644 --- a/packages/vuetify/src/components/VDatePicker/_variables.scss +++ b/packages/vuetify/src/components/VDatePicker/_variables.scss @@ -1,3 +1,6 @@ +@use 'sass:map'; +@use '../../styles/settings'; + $date-picker-width: 328px !default; $date-picker-show-week-width: 368px !default; $date-picker-controls-height: var(--v-date-picker-controls-height, 56px) !default; @@ -11,6 +14,11 @@ $date-picker-month-day-size: 40px !default; $date-picker-month-font-size: 0.875rem !default; $date-picker-month-padding: 0 12px 8px !default; +$date-picker-month-week-selection-border-radius: map.get(settings.$rounded, 'pill') !default; +$date-picker-month-week-selection-background-opacity: 0.1 !default; + +$date-picker-week-selection-opacity: .4 !default; + $date-picker-months-grid-gap: 0px 24px !default; $date-picker-months-height: 288px !default; diff --git a/packages/vuetify/src/composables/date/date.ts b/packages/vuetify/src/composables/date/date.ts index 62f82908b64..7017f5e3e24 100644 --- a/packages/vuetify/src/composables/date/date.ts +++ b/packages/vuetify/src/composables/date/date.ts @@ -109,6 +109,13 @@ export function createDateRange (adapter: DateInstance, start: unknown, stop?: u return datesInRange } +export function createWeekRange (adapter: DateInstance, value: unknown, firstDayOfWeek?: string | number, weekLength = 7) { + const firstDay = firstDayOfWeek !== undefined ? Number(firstDayOfWeek) : undefined + const weekStart = adapter.startOfWeek(value, firstDay) + const weekEnd = adapter.addDays(weekStart, weekLength - 1) + return [weekStart, adapter.endOfDay(weekEnd)] +} + function createInstance (options: InternalDateOptions, locale: LocaleInstance) { const instance = reactive( typeof options.adapter === 'function' diff --git a/packages/vuetify/src/labs/VDateInput/VDateInput.tsx b/packages/vuetify/src/labs/VDateInput/VDateInput.tsx index 874d77c6c2d..17b81db60f2 100644 --- a/packages/vuetify/src/labs/VDateInput/VDateInput.tsx +++ b/packages/vuetify/src/labs/VDateInput/VDateInput.tsx @@ -6,7 +6,7 @@ import { makeVTextFieldProps, VTextField } from '@/components/VTextField/VTextFi // Composables import { useDate } from '@/composables/date' -import { createDateRange } from '@/composables/date/date' +import { createDateRange, createWeekRange } from '@/composables/date/date' import { makeDateFormatProps, useDateFormat } from '@/composables/dateFormat' import { makeDisplayProps, useDisplay } from '@/composables/display' import { makeFocusProps } from '@/composables/focus' @@ -118,7 +118,7 @@ export const VDateInput = genericComponent()({ return t('$vuetify.datePicker.itemsSelected', value.length) } - if (props.multiple === 'range') { + if (props.multiple === 'range' || props.multiple === 'week') { const start = value[0] const end = value[value.length - 1] @@ -217,6 +217,9 @@ export const VDateInput = genericComponent()({ if (props.multiple === 'range') { const [start, stop] = parts.map(parseDate).toSorted((a, b) => adapter.isAfter(a, b) ? 1 : -1) model.value = createDateRange(adapter, start, stop) + } else if (props.multiple === 'week') { + const [start] = parts.map(parseDate).toSorted((a, b) => adapter.isAfter(a, b) ? 1 : -1) + model.value = createWeekRange(adapter, start, props.firstDayOfWeek) } else { model.value = parts.map(parseDate) } diff --git a/packages/vuetify/src/locale/af.ts b/packages/vuetify/src/locale/af.ts index 62328ebeda1..68efd4061db 100644 --- a/packages/vuetify/src/locale/af.ts +++ b/packages/vuetify/src/locale/af.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Voer datum in', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Geen data is beskikbaar nie', carousel: { diff --git a/packages/vuetify/src/locale/ar.ts b/packages/vuetify/src/locale/ar.ts index 7b6f6f95127..1c195324a53 100644 --- a/packages/vuetify/src/locale/ar.ts +++ b/packages/vuetify/src/locale/ar.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Enter date', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'لا توجد بيانات', carousel: { diff --git a/packages/vuetify/src/locale/az.ts b/packages/vuetify/src/locale/az.ts index 7c1f416ce48..eca884fb08f 100644 --- a/packages/vuetify/src/locale/az.ts +++ b/packages/vuetify/src/locale/az.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Tarixi daxil edin', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Heç bir məlumat yoxdur.', carousel: { diff --git a/packages/vuetify/src/locale/bg.ts b/packages/vuetify/src/locale/bg.ts index 7b632d8be70..f0d84ee5f3a 100644 --- a/packages/vuetify/src/locale/bg.ts +++ b/packages/vuetify/src/locale/bg.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Въведете дата', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Няма налични данни', carousel: { diff --git a/packages/vuetify/src/locale/ca.ts b/packages/vuetify/src/locale/ca.ts index c55c6228b1f..673cb9e8872 100644 --- a/packages/vuetify/src/locale/ca.ts +++ b/packages/vuetify/src/locale/ca.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Introdueix la data', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Sense dades', carousel: { diff --git a/packages/vuetify/src/locale/ckb.ts b/packages/vuetify/src/locale/ckb.ts index 863ffc95951..e6d0217bd5e 100644 --- a/packages/vuetify/src/locale/ckb.ts +++ b/packages/vuetify/src/locale/ckb.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'بەروار بنووسە', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'هیچ داتایەک بەردەست نیە', carousel: { diff --git a/packages/vuetify/src/locale/cs.ts b/packages/vuetify/src/locale/cs.ts index f3c82a01b4f..87f03ddcd71 100644 --- a/packages/vuetify/src/locale/cs.ts +++ b/packages/vuetify/src/locale/cs.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Zadejte datum', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Nejsou dostupná žádná data', carousel: { diff --git a/packages/vuetify/src/locale/da.ts b/packages/vuetify/src/locale/da.ts index 270534d186f..5cddc08db77 100644 --- a/packages/vuetify/src/locale/da.ts +++ b/packages/vuetify/src/locale/da.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Indtast dato', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Ingen data tilgængelig', carousel: { diff --git a/packages/vuetify/src/locale/de.ts b/packages/vuetify/src/locale/de.ts index 31e7f0a70d5..85ea4f43e61 100644 --- a/packages/vuetify/src/locale/de.ts +++ b/packages/vuetify/src/locale/de.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Datum eingeben', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Keine Daten vorhanden', carousel: { diff --git a/packages/vuetify/src/locale/el.ts b/packages/vuetify/src/locale/el.ts index 7a7300d07dd..1c8d540e1b5 100755 --- a/packages/vuetify/src/locale/el.ts +++ b/packages/vuetify/src/locale/el.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Εισαγάγετε ημερομηνία', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Χωρίς δεδομένα', carousel: { diff --git a/packages/vuetify/src/locale/en.ts b/packages/vuetify/src/locale/en.ts index 14227348c47..27b40bc6a31 100644 --- a/packages/vuetify/src/locale/en.ts +++ b/packages/vuetify/src/locale/en.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Enter date', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'No data available', carousel: { diff --git a/packages/vuetify/src/locale/es.ts b/packages/vuetify/src/locale/es.ts index 4f262389368..87c21467328 100644 --- a/packages/vuetify/src/locale/es.ts +++ b/packages/vuetify/src/locale/es.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Introducir fecha', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'No hay datos disponibles', carousel: { diff --git a/packages/vuetify/src/locale/et.ts b/packages/vuetify/src/locale/et.ts index 8516fb5f983..201cb22d258 100644 --- a/packages/vuetify/src/locale/et.ts +++ b/packages/vuetify/src/locale/et.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Sisesta kuupäev', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Andmed puuduvad', carousel: { diff --git a/packages/vuetify/src/locale/fa.ts b/packages/vuetify/src/locale/fa.ts index 2080f90b05d..a306ec900f7 100644 --- a/packages/vuetify/src/locale/fa.ts +++ b/packages/vuetify/src/locale/fa.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'تاریخ را وارد کنید', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'داده‌ای موجود نیست', carousel: { diff --git a/packages/vuetify/src/locale/fi.ts b/packages/vuetify/src/locale/fi.ts index 75b32d55491..bc722baecfa 100644 --- a/packages/vuetify/src/locale/fi.ts +++ b/packages/vuetify/src/locale/fi.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Syötä päivämäärä', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Ei dataa', carousel: { diff --git a/packages/vuetify/src/locale/fr.ts b/packages/vuetify/src/locale/fr.ts index ca727db94dc..7c59864f470 100644 --- a/packages/vuetify/src/locale/fr.ts +++ b/packages/vuetify/src/locale/fr.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Entrer une date', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Aucune donnée disponible', carousel: { diff --git a/packages/vuetify/src/locale/he.ts b/packages/vuetify/src/locale/he.ts index cdb40ae1be8..d981a2e1a6f 100644 --- a/packages/vuetify/src/locale/he.ts +++ b/packages/vuetify/src/locale/he.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'הזן תאריך', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'אין נתונים זמינים', carousel: { diff --git a/packages/vuetify/src/locale/hr.ts b/packages/vuetify/src/locale/hr.ts index 0a7fc56e068..fa3091752f6 100644 --- a/packages/vuetify/src/locale/hr.ts +++ b/packages/vuetify/src/locale/hr.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Unesite datum', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Nema dostupnih podataka', carousel: { diff --git a/packages/vuetify/src/locale/hu.ts b/packages/vuetify/src/locale/hu.ts index 1d72e041efa..cd19e081a6d 100644 --- a/packages/vuetify/src/locale/hu.ts +++ b/packages/vuetify/src/locale/hu.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Adja meg a dátumot', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Nincs elérhető adat', carousel: { diff --git a/packages/vuetify/src/locale/id.ts b/packages/vuetify/src/locale/id.ts index c27da28a335..218dd408e97 100644 --- a/packages/vuetify/src/locale/id.ts +++ b/packages/vuetify/src/locale/id.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Masukkan tanggal', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Tidak ada data tersedia', carousel: { diff --git a/packages/vuetify/src/locale/it.ts b/packages/vuetify/src/locale/it.ts index 10f349d53f7..6bac6f61b28 100644 --- a/packages/vuetify/src/locale/it.ts +++ b/packages/vuetify/src/locale/it.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Inserisci data', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Nessun elemento disponibile', carousel: { diff --git a/packages/vuetify/src/locale/ja.ts b/packages/vuetify/src/locale/ja.ts index 0df95bce59b..f84a7b995ab 100644 --- a/packages/vuetify/src/locale/ja.ts +++ b/packages/vuetify/src/locale/ja.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: '日付を入力', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'データはありません。', carousel: { diff --git a/packages/vuetify/src/locale/km.ts b/packages/vuetify/src/locale/km.ts index a77d3927db4..224b7a4e315 100644 --- a/packages/vuetify/src/locale/km.ts +++ b/packages/vuetify/src/locale/km.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'បញ្ចូលកាលបរិច្ឆេទ', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'គ្មានទិន្នន័យដែលមាន', carousel: { diff --git a/packages/vuetify/src/locale/ko.ts b/packages/vuetify/src/locale/ko.ts index 7eb36e67f5e..3c92a26b74e 100644 --- a/packages/vuetify/src/locale/ko.ts +++ b/packages/vuetify/src/locale/ko.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: '날짜 입력', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: '데이터가 없습니다.', carousel: { diff --git a/packages/vuetify/src/locale/lt.ts b/packages/vuetify/src/locale/lt.ts index 18617b94732..3fda9a25776 100644 --- a/packages/vuetify/src/locale/lt.ts +++ b/packages/vuetify/src/locale/lt.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Įveskite datą', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Nėra duomenų', carousel: { diff --git a/packages/vuetify/src/locale/lv.ts b/packages/vuetify/src/locale/lv.ts index 6e394e9222b..02268e89dd3 100644 --- a/packages/vuetify/src/locale/lv.ts +++ b/packages/vuetify/src/locale/lv.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Ievadiet datumu', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Nav pieejamu datu', carousel: { diff --git a/packages/vuetify/src/locale/nl.ts b/packages/vuetify/src/locale/nl.ts index 18e52239010..f8bc7b44487 100644 --- a/packages/vuetify/src/locale/nl.ts +++ b/packages/vuetify/src/locale/nl.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Voer datum in', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Geen gegevens beschikbaar', carousel: { diff --git a/packages/vuetify/src/locale/no.ts b/packages/vuetify/src/locale/no.ts index 01aae5468f8..7771870bf87 100644 --- a/packages/vuetify/src/locale/no.ts +++ b/packages/vuetify/src/locale/no.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Fyll inn dato', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Ingen data er tilgjengelig', carousel: { diff --git a/packages/vuetify/src/locale/pl.ts b/packages/vuetify/src/locale/pl.ts index c20f39cc196..ac86845dbc5 100644 --- a/packages/vuetify/src/locale/pl.ts +++ b/packages/vuetify/src/locale/pl.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Wprowadź datę', }, + weekSelected: 'Tydzień {0}, {1}', + weekTitle: 'Wybór tygodnia', }, noDataText: 'Brak danych', carousel: { diff --git a/packages/vuetify/src/locale/pt.ts b/packages/vuetify/src/locale/pt.ts index 148f3e88c4d..21e45bf47d3 100644 --- a/packages/vuetify/src/locale/pt.ts +++ b/packages/vuetify/src/locale/pt.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Insira a data', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Não há dados disponíveis', carousel: { diff --git a/packages/vuetify/src/locale/ro.ts b/packages/vuetify/src/locale/ro.ts index b6892329cf2..e891733bf76 100644 --- a/packages/vuetify/src/locale/ro.ts +++ b/packages/vuetify/src/locale/ro.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Introduceți data', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Nu există date disponibile', carousel: { diff --git a/packages/vuetify/src/locale/ru.ts b/packages/vuetify/src/locale/ru.ts index 3ba89261668..6c1c1a3969b 100644 --- a/packages/vuetify/src/locale/ru.ts +++ b/packages/vuetify/src/locale/ru.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Введите дату', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Отсутствуют данные', carousel: { diff --git a/packages/vuetify/src/locale/sk.ts b/packages/vuetify/src/locale/sk.ts index 21af19ebab8..ca195eb2a9a 100644 --- a/packages/vuetify/src/locale/sk.ts +++ b/packages/vuetify/src/locale/sk.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Zadajte dátum', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Nie sú dostupné žiadne dáta', carousel: { diff --git a/packages/vuetify/src/locale/sl.ts b/packages/vuetify/src/locale/sl.ts index eb7193e646c..dd84a750ab8 100644 --- a/packages/vuetify/src/locale/sl.ts +++ b/packages/vuetify/src/locale/sl.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Vnesite datum', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Ni podatkov', carousel: { diff --git a/packages/vuetify/src/locale/sr-Cyrl.ts b/packages/vuetify/src/locale/sr-Cyrl.ts index 780f3c38ad8..b45fac868d7 100644 --- a/packages/vuetify/src/locale/sr-Cyrl.ts +++ b/packages/vuetify/src/locale/sr-Cyrl.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Унесите датум', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Нема доступних података', carousel: { diff --git a/packages/vuetify/src/locale/sr-Latn.ts b/packages/vuetify/src/locale/sr-Latn.ts index 9aba79fa912..8f332e5c073 100644 --- a/packages/vuetify/src/locale/sr-Latn.ts +++ b/packages/vuetify/src/locale/sr-Latn.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Unesite datum', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Nema dostupnih podataka', carousel: { diff --git a/packages/vuetify/src/locale/sv.ts b/packages/vuetify/src/locale/sv.ts index fad5295e5a7..86f938dc248 100644 --- a/packages/vuetify/src/locale/sv.ts +++ b/packages/vuetify/src/locale/sv.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Välj datum', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Ingen data tillgänglig', carousel: { diff --git a/packages/vuetify/src/locale/th.ts b/packages/vuetify/src/locale/th.ts index 1949de7b6c1..fba3f971888 100644 --- a/packages/vuetify/src/locale/th.ts +++ b/packages/vuetify/src/locale/th.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'ป้อนวันที่', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'ไม่มีข้อมูล', carousel: { diff --git a/packages/vuetify/src/locale/tr.ts b/packages/vuetify/src/locale/tr.ts index f7c8fd9964d..9fdfb8bbc37 100644 --- a/packages/vuetify/src/locale/tr.ts +++ b/packages/vuetify/src/locale/tr.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Tarih girin', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Bu görünümde veri yok.', carousel: { diff --git a/packages/vuetify/src/locale/uk.ts b/packages/vuetify/src/locale/uk.ts index 970c084646a..0bcfed80d60 100644 --- a/packages/vuetify/src/locale/uk.ts +++ b/packages/vuetify/src/locale/uk.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Введіть дату', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Немає даних для відображення', carousel: { diff --git a/packages/vuetify/src/locale/vi.ts b/packages/vuetify/src/locale/vi.ts index 79ab7ea66ae..3663415ad03 100644 --- a/packages/vuetify/src/locale/vi.ts +++ b/packages/vuetify/src/locale/vi.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: 'Nhập ngày', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: 'Không có dữ liệu', carousel: { diff --git a/packages/vuetify/src/locale/zh-Hans.ts b/packages/vuetify/src/locale/zh-Hans.ts index e15a2e54ab0..98d0132e0e6 100644 --- a/packages/vuetify/src/locale/zh-Hans.ts +++ b/packages/vuetify/src/locale/zh-Hans.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: '输入日期', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: '没有数据', carousel: { diff --git a/packages/vuetify/src/locale/zh-Hant.ts b/packages/vuetify/src/locale/zh-Hant.ts index b2b3284e200..2a228eb6fd6 100644 --- a/packages/vuetify/src/locale/zh-Hant.ts +++ b/packages/vuetify/src/locale/zh-Hant.ts @@ -46,6 +46,8 @@ export default { input: { placeholder: '請輸入日期', }, + weekSelected: 'Week {0}, {1}', + weekTitle: 'Select week', }, noDataText: '沒有資料', carousel: {