From b9ce4fc451fa1e5b6717ffdf225834dca240e423 Mon Sep 17 00:00:00 2001
From: Weslley Rodrigo <weslley.rodriigo@gmail.com>
Date: Mon, 3 Apr 2023 19:01:06 -0300
Subject: [PATCH] fix(datepicker): fix cv wrapper & label

---
 src/components/CvDatePicker/CvDatePicker.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/CvDatePicker/CvDatePicker.vue b/src/components/CvDatePicker/CvDatePicker.vue
index 9835ab87f..340cba597 100644
--- a/src/components/CvDatePicker/CvDatePicker.vue
+++ b/src/components/CvDatePicker/CvDatePicker.vue
@@ -28,7 +28,11 @@
         }"
         @change="onChange"
       >
-        <label :for="`${cvId}-input-1`" :class="`${carbonPrefix}--label`">
+        <label
+          v-if="getDateLabel.length > 0"
+          :for="`${cvId}-input-1`"
+          :class="`${carbonPrefix}--label`"
+        >
           {{ getDateLabel }}
         </label>
         <div :class="`${carbonPrefix}--date-picker-input__wrapper`">
@@ -59,9 +63,11 @@ import {
 import { carbonPrefix } from '../../global/settings';
 import { props as propsCvId, useCvId } from '../../use/cvId';
 import { Calendar16 } from '@carbon/icons-vue';
+import CvWrapper from '../CvWrapper/CvWrapper';
 
 const props = defineProps({
-  label: { type: String, default: 'Date' },
+  dateLabel: { type: String, default: undefined },
+  dateEndLabel: { type: String, default: 'End date' },
   pattern: { type: String, default: '\\d{1,2}/\\d{1,2}/\\d{4}' },
   placeholder: { type: String, default: 'mm/dd/yyyy' },
   formItem: { type: Boolean, default: true },
@@ -74,6 +80,14 @@ const props = defineProps({
 
 const getDateLabel = computed({
   get() {
+    if (props.kind === 'range' && !props.dateLabel) {
+      return 'Start date';
+    }
+
+    if (!props.dateLabel) {
+      return 'Date Label';
+    }
+
     return props.label;
   },
 });