@usssa/component-library 1.0.0-alpha.183 → 1.0.0-alpha.189

package/README.md

@@ -1,4 +1,4 @@
-# Component Library v1.0.0-alpha.178
+# Component Library v1.0.0-alpha.189
 
 **This library provides custom UI components for USSSA applications**
 
@@ -25,7 +25,7 @@ yarn dev
 
 ## Usage in other local projects
 
-1. Clone the component-library repo and install dependencies
+1. Clone the component-library repo and install dependencies.
 2. In component-library directory run `yarn link`
 3. In Nuxt or Quasar project directory run `yarn link @usssa/component-library`
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usssa/component-library",
-  "version": "1.0.0-alpha.183",
+  "version": "1.0.0-alpha.189",
   "description": "A Quasar component library project",
   "productName": "Quasar component library App",
   "author": "Engineering Team <engineering@usssa.com>",

package/src/components/core/UDate.vue

@@ -9,10 +9,18 @@ const date = defineModel('date', { default: null })
 
 const props = defineProps({
   anchor: { type: String, default: 'bottom start' },
+  applyLabel: {
+    type: String,
+    default: 'Apply',
+  },
   borderless: {
     type: Boolean,
     default: false,
   },
+  closeLabel: {
+    type: String,
+    default: 'Close',
+  },
   dataTestId: {
     type: String,
     default: 'date',
@@ -43,6 +51,10 @@ const props = defineProps({
   },
   range: { type: Boolean, default: false },
   self: { type: String, default: 'top left' },
+  sheetHeading: {
+    type: String,
+    default: 'Select Date',
+  },
   size: {
     type: String,
     default: 'md',
@@ -131,7 +143,10 @@ const openDialogs = () => {
 watch(
   date,
   (newData) => {
-    if (!newData) return
+    if (!newData) {
+      selectedDate.value = ''
+      return
+    }
     if (typeof newData === 'string') {
       selectedDate.value = newData
     } else {
@@ -224,7 +239,7 @@ watch(
     v-model:dialogs="dialogs"
     dialog-class="date-sheet"
     closeIconLabel="Close Icon"
-    heading="Select Date"
+    :heading="sheetHeading"
     :show-action-buttons="true"
   >
     <template #content>
@@ -274,7 +289,7 @@ watch(
     <template #action_primary_one>
       <UBtnStd
         color="primary"
-        label="Close"
+        :label="closeLabel"
         outline
         size="md"
         @on-click="handleClose"
@@ -283,7 +298,7 @@ watch(
     <template #action_primary_two>
       <UBtnStd
         color="primary"
-        label="Apply"
+        :label="applyLabel"
         size="md"
         @on-click="handleApply"
       />