feat: add required prop to date picker

src/components/DatePicker.jsx

@@ -43,6 +43,7 @@ const DatePicker = forwardRef(
       defaultValue,
       value,
       labelProps,
+      required = false,
       ...otherProps
     },
     ref
@@ -63,7 +64,11 @@ const DatePicker = forwardRef(
 
     return (
       <div className="neeto-ui-input__wrapper">
-        {label && <Label {...labelProps}>{label}</Label>}
+        {label && (
+          <Label required={required} {...labelProps}>
+            {label}
+          </Label>
+        )}
         <Component
           data-cy={label ? `${hyphenize(label)}-input` : "picker-input"}
           defaultValue={convertToDayjsObjects(defaultValue)}
@@ -179,6 +184,10 @@ DatePicker.propTypes = {
    * To specify the default values to be displayed inside the DatePicker.
    */
   defaultValue: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
+  /**
+   * To specify whether the Date picker is required or not.
+   */
+  required: PropTypes.bool,
 };
 
 export default DatePicker;

stories/Components/DateInput.stories.jsx

@@ -46,6 +46,16 @@ DateInput.args = {
   showTime: false,
 };
 
+const RequiredDatePicker = args => <DatePicker {...args} />;
+DateInput.args = {
+  label: "Required Date",
+  type: "date",
+  picker: "date",
+  showTime: false,
+  required: true
+};
+DateInput.storyName = "Required Date";
+
 const DatePickerWithRef = args => {
   const ref = React.useRef();
   const [open, setOpen] = React.useState(false);
@@ -209,6 +219,7 @@ export {
   DateRangePicker,
   DateRangePickerWithPresetRanges,
   ShowTime,
+  RequiredDatePicker
 };
 
 export default metadata;