@mekari/pixel-date-picker - npm Package Compare versions

Comparing version 0.9.8 to 0.10.0

package.json

 {
   "name": "@mekari/pixel-date-picker",
-  "version": "0.9.8",
+  "version": "0.10.0",
   "description": "Mekari Pixel | Date picker component",
@@ -5,0 +5,0 @@ "homepage": "https://mekari.design/",

src/calendar/calendar-panel.js

@@ -108,3 +108,7 @@ import {
       default: false
-    }
+    },
+    disabledMessage: {
+      type: String,
+      default: ''
+    },
   },
@@ -478,3 +482,4 @@ data() {
         isDisableHeader: this.isDisableHeader,
-        type: this.type
+        type: this.type,
+        disabledMessage: this.disabledMessage
       },
@@ -481,0 +486,0 @@ on: {

src/calendar/table-date.js

@@ -75,2 +75,6 @@ import { getWeek, format } from 'date-format-parse'
       default: 'date'
+    },
+    disabledMessage: {
+      type: String,
+      default: ''
     }
@@ -116,2 +120,10 @@ },
       return new Date()
+    },
+    shortcutText() {
+      const locale = this.getLocale()
+      if (locale.todayText) {
+        return locale.todayText
+      }
+
+      return 'Today'
     }
@@ -538,2 +550,9 @@ },
                           },
+                          ...(dateStatus.disabled && {
+                            directives: [{
+                              name: 'mp-tooltip',
+                              value: this.disabledMessage
+                            }]
+                          })
+                          ,
                           on: {
@@ -571,3 +590,3 @@ mouseenter: () => this.handleMouseEnter(item),
               },
-              'Today'
+              this.shortcutText
             )
@@ -574,0 +593,0 @@ ]

src/calendar/table-month.js

@@ -65,2 +65,10 @@ import { chunk } from '../util/base'
       return today.getMonth()
+    },
+    shortcutText() {
+      const locale = this.getLocale()
+      if (locale.thisMonthText) {
+        return locale.thisMonthText
+      }
+
+      return 'This Month'
     }
@@ -338,3 +346,3 @@ },
               },
-              'This Month'
+              this.shortcutText
             )
@@ -341,0 +349,0 @@ ]

src/calendar/table-year.js

 // import IconButton from './icon-button'
 import { chunk } from '../util/base'
+import { getLocale } from '../locale'
 import { setYear, createDate } from '../util/date'
@@ -16,2 +17,5 @@ import { MpBox } from '@mekari/pixel-box'
     },
+    getLocale: {
+      default: () => getLocale
+    },
     prefixClass: {
@@ -70,2 +74,10 @@ default: 'mx'
       return today.getFullYear()
+    },
+    shortcutText() {
+      const locale = this.getLocale()
+      if (locale.thisYearText) {
+        return locale.thisYearText
+      }
+
+      return 'This Year'
     }
@@ -337,3 +349,3 @@ },
               },
-              'This Year'
+              this.shortcutText
             )
@@ -340,0 +352,0 @@ ]

src/date-picker.js

@@ -130,2 +130,6 @@ import { useId, createStyledAttrsMixin, isUndef, getElementById } from '@mekari/pixel-utils'
     },
+    showShortcut: {
+      type: Boolean,
+      default: true
+    },
     errorMessage: {
@@ -135,2 +139,6 @@ type: String,
     },
+    disabledMessage: {
+      type: String,
+      default: ''
+    },
     renderInputText: {
@@ -604,3 +612,3 @@ type: Function
             h(MpIcon, {
-              props: { name: 'calendar', size: 'sm' },
+              props: { name: this.type === 'time' ? 'time' : 'calendar', size: 'sm' },
               nativeOn: { click: this.handleForceInputFocus }
@@ -623,2 +631,4 @@ })
         ...pick(this.$props, Object.keys(Component.props)),
+        isShortcut: this.showShortcut,
+        disabledMessage: this.disabledMessage,
         ...(this.inline && { events: this.validEvents, isShortcut: false }),
@@ -625,0 +635,0 @@ value: this.currentValue

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

436253

increased by1.14%

Lines of code

16018

increased by1.25%

No dependency changes