/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/v-date-picker/usage.vue
46 строк
1 KB
nukash
docs(VDatePicker): fix code sample in usage.vue (#22476)
25 дек 2025, 23:41
Не верифицирован
25 дек 2025, 23:41
3569cd4
Код
Авторство
О чём код?
<template> <ExamplesUsageExample v-model="model" :code="code" :name="name" :options="options" > <v-date-picker v-bind="props" v-model="date" class="mx-auto" ></v-date-picker> <template v-slot:configuration> <!-- <v-checkbox v-model="hideActions" label="Hide actions"></v-checkbox> --> <v-checkbox v-model="adjacent" label="Show adjacent months"></v-checkbox> </template> </ExamplesUsageExample> </template> <script setup> const name = 'v-date-picker' const model = ref('default') const date = ref() const options = ['modal'] // const hideActions = ref(false) const adjacent = ref(false) const controlVariant = toRef(() => model.value !== 'default' ? model.value : undefined) const props = computed(() => { return { 'control-variant': controlVariant.value, // 'hide-actions': hideActions.value || undefined, 'show-adjacent-months': adjacent.value || undefined, } }) const slots = computed(() => { return '' }) const code = computed(() => { return `<v-date-picker${propsToString(props.value)}>${slots.value}</v-date-picker>` }) </script>