Merge branch 'master' into develop

.github/workflows/build.yml

@@ -27,3 +27,4 @@ jobs:
         with:
           token: ${{ secrets.CODECOV_TOKEN }}
           flags: oruga-next
+

.github/workflows/publish-release-minor.yml

@@ -0,0 +1,36 @@
+name: Generate new release
+on:
+  push:
+    tags:
+      - 'm*'
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          # Always release the tip of the default branch
+          ref: develop
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+          registry-url: 'https://registry.npmjs.org'
+      - name: git config
+        run: |
+          git config user.name "${GITHUB_ACTOR}"
+          git config user.email "${GITHUB_ACTOR}@users.noreply.github.com"
+      - name: Install dependencies 📦
+        run: npm install
+      - name: Build lib
+        run: npm run publish:lib
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+      - run: npm i extract-changelog-release
+      - name: Generate Release Body
+        run: npx extract-changelog-release > RELEASE_BODY.md
+      - uses: ncipollo/release-action@v1
+        with:
+          bodyFile: 'RELEASE_BODY.md'
+          token: ${{ secrets.GITHUB_TOKEN }}

CHANGELOG.md

@@ -1,3 +1,13 @@
+## [0.8.12](https://github.com/oruga-ui/oruga/compare/v0.8.11...v0.8.12) (2024-06-28)
+
+
+### Bug Fixes
+
+* **datetimepicker:** fix datetimepicker initialisation bug ([#948](https://github.com/oruga-ui/oruga/issues/948)) ([92b30f1](https://github.com/oruga-ui/oruga/commit/92b30f16d7f2839f7f69c2ebf6bd9c7f0e11bedf))
+* **picker:** fix native input value ([#986](https://github.com/oruga-ui/oruga/issues/986)) ([09154d5](https://github.com/oruga-ui/oruga/commit/09154d5a9adc919a6bcd3f78448dd16baa008bc9))
+
+
+
 ## [0.8.11](https://github.com/oruga-ui/oruga/compare/v0.8.10...v0.8.11) (2024-06-05)
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "root",
-  "version": "0.8.11",
+  "version": "0.8.12",
   "homepage": "https://oruga-ui.com",
   "description": "UI components for Vue.js and CSS framework agnostic",
   "author": "Walter Tommasi <[email protected]>",

packages/docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oruga-ui/docs-next",
-  "version": "0.8.11",
+  "version": "0.8.12",
   "homepage": "https://oruga-ui.com",
   "description": "UI components for Vue.js and CSS framework agnostic",
   "author": "Walter Tommasi <[email protected]>",

packages/oruga/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oruga-ui/oruga-next",
-  "version": "0.8.11",
+  "version": "0.8.12",
   "homepage": "https://oruga-ui.com",
   "description": "UI components for Vue.js and CSS framework agnostic",
   "author": "Walter Tommasi <[email protected]>",

packages/oruga/src/components/datepicker/Datepicker.vue

@@ -205,10 +205,13 @@ const props = defineProps({
         type: Boolean,
         default: () => getOption("datepicker.mobileModal", true),
     },
-    /** Enable mobile native input if mobile agent */
+    /**
+     * Enable mobile native input if mobile agent
+     * (Default will be switched to `false` in 0.9)
+     */
     mobileNative: {
         type: Boolean,
-        default: () => getOption("datepicker.mobileNative", true),
+        default: () => getOption("datepicker.mobileNative", true), // TODO: make false
     },
     /**
      * Icon pack to use
@@ -619,7 +622,7 @@ const { isMobile } = useMatchMedia(props.mobileBreakpoint);
 const pickerRef = ref<InstanceType<typeof OPickerWrapper>>();
 
 /** modelvalue of selected date */
-const vmodel = defineModel<Date | Date[]>({ default: undefined });
+const vmodel = defineModel<Date | Date[]>({ default: null });
 
 /** Dropdown active state */
 const isActive = defineModel<boolean>("active", { default: false });
@@ -840,9 +843,9 @@ function next(): void {
 
 function formatNative(value: Date | Date[]): string {
     if (Array.isArray(value)) value = value[0];
-
-    if (!value) return "";
     const date = new Date(value);
+    // return null if no value is given or value can't parse to proper date
+    if (!value || !date || isNaN(date.getTime())) return null;
 
     if (isTypeMonth.value) {
         // Format date into string 'YYYY-MM'
@@ -953,7 +956,7 @@ defineExpose({ focus: () => pickerRef.value?.focus(), value: vmodel });
         v-model:active="isActive"
         data-oruga="datepicker"
         :value="vmodel"
-        :picker-props="props"
+        :picker="props"
         :formatted-value="formattedValue"
         :native-type="!isTypeMonth ? 'date' : 'month'"
         :native-value="formatNative(vmodel)"

packages/oruga/src/components/timepicker/Timepicker.vue

@@ -594,7 +594,8 @@ function updateDateSelected(
 /** Format date into string 'HH-MM-SS'*/
 function formatNative(value: Date): string {
     const date = new Date(value);
-    if (!value || isNaN(date.getTime())) return "";
+    // return null if no value is given or value can't parse to proper date
+    if (!value || !date || isNaN(date.getTime())) return null;
 
     const hours = date.getHours();
     const minutes = date.getMinutes();
@@ -742,7 +743,7 @@ defineExpose({ focus: () => pickerRef.value?.focus(), value: vmodel });
         v-model:active="isActive"
         data-oruga="timepicker"
         :value="vmodel"
-        :picker-props="props"
+        :picker="props"
         :formatted-value="formattedValue"
         native-type="time"
         :native-value="formatNative(vmodel)"