refactor(NcDateTimePicker): migrate to @vuepick library

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

Author: susnux

CHANGELOG.md

@@ -116,12 +116,16 @@ Especially the following are now provided as composables:
   - The `count` prop is now required [\#5997](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5997)
 - `NcSettingsSection`
   - The `limitWidth` was removed (the content is now always limited width) [\#5605](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5605)
-* The `isFullscreen`, and `isMobile` mixins were removed. Use the according composables instead.
-* The `clickOutsideOptions` mixin is removed
-* The `box-sizing: border-box` is now default for following components and its content. This is done to match behaviour of `NcContent` (as they can be mounted directly to `body`):
+- The `isFullscreen`, and `isMobile` mixins were removed. Use the according composables instead.
+- The `clickOutsideOptions` mixin is removed
+- The `box-sizing: border-box` is now default for following components and its content. This is done to match behaviour of `NcContent` (as they can be mounted directly to `body`):
   - `NcModal`
   - `NcPopover`
-
+- `NcDateTimePicker`
+  - The `range` property was removed in favor of `type="range"` (datetime ranges) and `type="range-date"` (date only ranges).
+  - The `lang` property was replaced with the `locale` property.
+  - The `formatter` property was removed.
+  
 ### 🚀 Enhancements
 * Allow writing components using Typescript and provide type definitions for `NcButton` [\#4525](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4525) \([susnux](https://github.com/susnux)\)
 

l10n/messages.pot

@@ -63,6 +63,12 @@ msgstr ""
 msgid "busy"
 msgstr ""
 
+msgid "Calendar icon"
+msgstr ""
+
+msgid "Cancel"
+msgstr ""
+
 msgid "Cancel changes"
 msgstr ""
 
@@ -81,6 +87,9 @@ msgstr ""
 msgid "Clear text"
 msgstr ""
 
+msgid "Clear value"
+msgstr ""
+
 msgid "Close"
 msgstr ""
 
@@ -93,6 +102,9 @@ msgstr ""
 msgid "Close Smart Picker"
 msgstr ""
 
+msgid "Close time Picker"
+msgstr ""
+
 msgid "Collapse menu"
 msgstr ""
 
@@ -111,6 +123,21 @@ msgstr ""
 msgid "Dark skin tone"
 msgstr ""
 
+msgid "Datepicker input"
+msgstr ""
+
+msgid "Datepicker menu"
+msgstr ""
+
+msgid "Decrement hours"
+msgstr ""
+
+msgid "Decrement minutes"
+msgstr ""
+
+msgid "Decrement seconds"
+msgstr ""
+
 #. TRANSLATORS: A color name for RGB(136, 85, 168)
 msgid "Deluge"
 msgstr ""
@@ -179,6 +206,15 @@ msgstr ""
 msgid "Hide password"
 msgstr ""
 
+msgid "Increment hours"
+msgstr ""
+
+msgid "Increment minutes"
+msgstr ""
+
+msgid "Increment seconds"
+msgstr ""
+
 msgid "invisible"
 msgstr ""
 
@@ -211,6 +247,12 @@ msgstr ""
 msgid "Message limit of {count} characters reached"
 msgstr ""
 
+msgid "Month picker"
+msgstr ""
+
+msgid "Month picker overlay"
+msgstr ""
+
 msgid "More items …"
 msgstr ""
 
@@ -223,6 +265,12 @@ msgstr ""
 msgid "Next"
 msgstr ""
 
+msgid "Next month"
+msgstr ""
+
+msgid "Next year"
+msgstr ""
+
 msgid "Nextcloud blue"
 msgstr ""
 
@@ -235,6 +283,9 @@ msgstr ""
 msgid "No results"
 msgstr ""
 
+msgid "Now"
+msgstr ""
+
 msgid "Objects"
 msgstr ""
 
@@ -248,55 +299,61 @@ msgstr ""
 msgid "online"
 msgstr ""
 
+msgid "Open hours overlay"
+msgstr ""
+
 msgid "Open link to \"{resourceName}\""
 msgstr ""
 
 msgid "Open menu"
 msgstr ""
 
-msgid "Open navigation"
+msgid "Open minutes overlay"
 msgstr ""
 
-msgid "Open sidebar"
+msgid "Open months overlay"
 msgstr ""
 
-msgid "Options"
+msgid "Open navigation"
 msgstr ""
 
-msgid "Password is secure"
+msgid "Open seconds overlay"
 msgstr ""
 
-msgid "Pause slideshow"
+msgid "Open sidebar"
 msgstr ""
 
-msgid "People & Body"
+msgid "Open time picker"
 msgstr ""
 
-msgid "Pick a date"
+msgid "Open years overlay"
 msgstr ""
 
-msgid "Pick a date and a time"
+msgid "Options"
 msgstr ""
 
-msgid "Pick a month"
+msgid "Password is secure"
 msgstr ""
 
-msgid "Pick a time"
+msgid "Pause slideshow"
 msgstr ""
 
-msgid "Pick a week"
+msgid "People & Body"
 msgstr ""
 
-msgid "Pick a year"
+msgid "Pick"
 msgstr ""
 
 msgid "Pick an emoji"
 msgstr ""
 
-msgid "Please select a time zone:"
+msgid "Previous"
 msgstr ""
 
-msgid "Previous"
+msgid "Previous month"
+msgstr ""
+
+msgid "Previous year"
 msgstr ""
 
 msgid "Provider icon"
@@ -330,7 +387,7 @@ msgstr ""
 msgid "Search emoji"
 msgstr ""
 
-msgid "Search for time zone"
+msgid "Search for timezone"
 msgstr ""
 
 msgid "Search results"
@@ -350,9 +407,30 @@ msgstr ""
 msgid "Select a tag"
 msgstr ""
 
+msgid "Select date"
+msgstr ""
+
+msgid "Select date and time"
+msgstr ""
+
+msgid "Select month"
+msgstr ""
+
 msgid "Select provider"
 msgstr ""
 
+msgid "Select time"
+msgstr ""
+
+msgid "Select time range"
+msgstr ""
+
+msgid "Select week"
+msgstr ""
+
+msgid "Select year"
+msgstr ""
+
 msgid "Selected"
 msgstr ""
 
@@ -392,9 +470,21 @@ msgstr ""
 msgid "Submit"
 msgstr ""
 
+msgid "Switch AM/PM mode"
+msgstr ""
+
 msgid "Symbols"
 msgstr ""
 
+msgid "Time picker"
+msgstr ""
+
+msgid "Timezone"
+msgstr ""
+
+msgid "Toggle overlay"
+msgstr ""
+
 msgid "Travel & Places"
 msgstr ""
 
@@ -416,9 +506,18 @@ msgstr ""
 msgid "View team"
 msgstr ""
 
+msgid "W"
+msgstr ""
+
 #. TRANSLATORS: A color name for RGB(211, 169, 103)
 msgid "Whiskey"
 msgstr ""
 
 msgid "Write a message …"
 msgstr ""
+
+msgid "Year picker"
+msgstr ""
+
+msgid "Year picker overlay"
+msgstr ""

package-lock.json

@@ -83,6 +83,7 @@
     "@nextcloud/router": "^3.0.1",
     "@nextcloud/sharing": "^0.2.4",
     "@nextcloud/timezones": "^0.1.1",
+    "@vuepic/vue-datepicker": "^11.0.2",
     "@vueuse/components": "^13.0.0",
     "@vueuse/core": "^13.0.0",
     "blurhash": "^2.0.5",
@@ -110,7 +111,6 @@
     "unist-builder": "^4.0.0",
     "unist-util-visit": "^5.0.0",
     "vue": "^3.5.13",
-    "vue-datepicker-next": "^1.0.3",
     "vue-router": "^4.5.0",
     "vue-select": "^4.0.0-beta.6"
   },