docs: update for date import path changes

vuetifyjs · Oct 30, 2023 · c8f1f57 · c8f1f57
1 parent f8237ce
commit c8f1f57
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 22 deletions.
diff --git a/packages/docs/src/components/app/bar/NotificationsMenu.vue b/packages/docs/src/components/app/bar/NotificationsMenu.vue
@@ -116,8 +116,7 @@
 
   // Composables
   import { useCosmic } from '@/composables/cosmic'
-  import { useDate } from 'vuetify/labs/date'
-  import { useDisplay } from 'vuetify'
+  import { useDate, useDisplay } from 'vuetify'
   import { useGtag } from 'vue-gtag-next'
   import { useI18n } from 'vue-i18n'
 

diff --git a/packages/docs/src/components/doc/Releases.vue b/packages/docs/src/components/doc/Releases.vue
@@ -131,7 +131,7 @@
 
 <script setup lang="ts">
   // Composables
-  import { useDate } from 'vuetify/labs/date'
+  import { useDate } from 'vuetify'
   import { useI18n } from 'vue-i18n'
   import { useDisplay, version } from 'vuetify'
   import { useRoute, useRouter } from 'vue-router'

diff --git a/packages/docs/src/data/nav.json b/packages/docs/src/data/nav.json
@@ -37,6 +37,7 @@
       "aliasing",
       "application-layout",
       "blueprints",
+      "dates",
       "display-and-platform",
       "global-configuration",
       "icon-fonts",
@@ -220,10 +221,6 @@
           "server-side-tables"
         ]
       },
-      {
-        "title": "dates",
-        "subfolder": "features"
-      },
       {
         "title": "date-pickers",
         "subfolder": "components"

diff --git a/packages/docs/src/examples/v-date-picker/prop-allowed-dates.vue b/packages/docs/src/examples/v-date-picker/prop-allowed-dates.vue
@@ -12,20 +12,19 @@
 </template>
 
 <script setup>
-  import { useDate } from 'vuetify/labs/date'
+  import { useDate } from 'vuetify'
   import { ref } from 'vue'
 
-  const adapter = useDate()
-
   const date = ref('2018-03-02')
+  const adapter = useDate()
 
   function allowedDates (val) {
     return parseInt(adapter.toISO(val).split('-')[2], 10) % 2 === 0
   }
 </script>
 
 <script>
-  import { useDate } from 'vuetify/labs/date'
+  import { useDate } from 'vuetify'
 
   const adapter = useDate()
 

diff --git a/packages/docs/src/pages/en/features/dates.md b/packages/docs/src/pages/en/features/dates.md
@@ -1,5 +1,5 @@
 ---
-emphasized: false
+emphasized: true
 meta:
   title: Dates
   description: Vuetify has first party date support that can easily be swapped for another date library
@@ -9,22 +9,22 @@ related:
 - /features/global-configuration/
 - /features/treeshaking/
 features:
-  github: /labs/date/
+  github: /composables/date/
   label: 'E: date'
   report: true
 ---
 
 # Dates
 
-Easily hook up date libraries that are used for components that require date functionality.
+Easily hook up date libraries that are used for components such as Date Picker and Calendar that require date functionality.
 
 <page-features />
 
 <entry />
 
-::: warning
+::: success
 
-This feature requires [v3.2.0 (Orion)](/getting-started/release-notes/?version=v3.2.0)
+This feature was introduced in [v3.4.0 (Blackguard)](/getting-started/release-notes/?version=v3.4.0)
 
 :::
 
@@ -36,7 +36,7 @@ The following example demonstrates explicitly importing the Vuetify date adapter
 
 ```js { resource="src/plugins/vuetify.js" }
 import { createVuetify } from 'vuetify'
-import { VuetifyDateAdapter } from 'vuetify/labs/date/adapters/vuetify'
+import { VuetifyDateAdapter } from 'vuetify/date/adapters/vuetify'
 
 export default createVuetify({
   date: {
@@ -49,7 +49,7 @@ Within your application, import the **useDate** function and use it to access th
 
 ```html { resource="src/views/Date.vue" }
 <script setup>
-  import { useDate } from 'vuetify/labs/date'
+  import { useDate } from 'vuetify'
 
   const date = useDate()
 
@@ -58,7 +58,9 @@ Within your application, import the **useDate** function and use it to access th
 ```
 
 ::: info
+
 For a list of all supported date adapters, visit the [date-io](https://github.com/dmtrKovalenko/date-io#projects) project repository.
+
 :::
 
 ### Format options
@@ -80,7 +82,7 @@ The following example shows how to use the date composable to format a date stri
 
 ```html { resource="src/views/Date.vue" }
 <script setup>
-  import { useDate } from 'vuetify/labs/date'
+  import { useDate } from 'vuetify'
 
   const date = useDate()
 
@@ -150,6 +152,7 @@ export interface DateAdapter<Date> {
   getYear (date: Date): number
   getNextYear (date: Date): Date
   setYear (date: Date, year: number): Date
+  getDate (date: Date): number
   getDiff (date: Date, comparing: Date | string, unit?: string): number
   getWeekArray (date: Date): Date[][]
   getWeekdays (): string[]

diff --git a/packages/docs/src/pages/en/labs/introduction.md b/packages/docs/src/pages/en/labs/introduction.md
@@ -89,8 +89,6 @@ The following is a list of available and up-and-coming components for use with L
 | [v-data-table-row](/api/v-data-table-row/) | Data table reusable row component | |
 | [v-data-table-rows](/api/v-data-table-rows/) | Data table reusable rows component | |
 | [v-data-table-column](/api/v-data-table-column/) | Data table reusable column component | |
-| **Dates** | [Usage](/features/dates/) | [v3.2.0&nbsp;(Orion)](/getting-started/release-notes/?version=v3.2.0) |
-| [useDate](/api/use-date/) | The date composable is used by components that require date functionality | |
 | **Date picker** | [Usage](/components/date-pickers/) | [v3.3.4&nbsp;(Icarus)](/getting-started/release-notes/?version=v3.3.4) |
 | [v-date-picker](/api/v-date-picker/) | Primary Component | |
 | **OTP input** | [Usage](/components/otp-input/) | [v3.3.11&nbsp;(Icarus)](/getting-started/release-notes/?version=v3.3.11) |

diff --git a/packages/docs/src/store/banners.ts b/packages/docs/src/store/banners.ts
@@ -1,6 +1,6 @@
 // Composables
 import { useCosmic } from '@/composables/cosmic'
-import { useDate } from 'vuetify/labs/date'
+import { useDate } from 'vuetify'
 
 // Utilities
 import { defineStore } from 'pinia'