@secondstaxorg/sscomp 2.0.14 → 2.0.16

package/dist/index.js

@@ -18412,8 +18412,6 @@ const ErrorMessage$5 = styled.p`
 `;
 
 const _jsxFileName$13 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\DatePicker\\DatePicker.tsx"; function _optionalChain$C(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-// import '../../styles/typography.css'
-
 
 /**
  * Component for picking date
@@ -18495,6 +18493,8 @@ const DatePicker = (props) => {
         });
     }, [isCalendarOpen]);
 
+    const options = {day: '2-digit', month: 'short', year: 'numeric'};
+
     const style = {
         display: 'flex',
         flexDirection: 'column',
@@ -18514,13 +18514,13 @@ const DatePicker = (props) => {
                                  style: {width: width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 104}}
                 , React$1.createElement(InputField$5, { ref: ddRef, className: `date-picker-field ${validationStatus} ${isCalendarOpen ? 'focused' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 106}}
                     , React$1.createElement('input', { type: "text", className: "sr-only", required: required,
-                           value: !selectedDate ? '' : selectedDate , onChange: () => {
+                           value: !selectedDate ? '' : selectedDate ,onChange: () => {
                     }, onInvalid: () => {
                         setValidationStatus('error');
                     }, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 107}})
                     , React$1.createElement('input', {
                         type: "text",
-                        value: selectedDate ? new Date(selectedDate).toLocaleDateString() : '',
+                        value: selectedDate ? selectedDate.toLocaleDateString('en-GB', options) : '',
                         readOnly: true,
                         placeholder: `${placeholder ? placeholder : _optionalChain$C([labelOverrides, 'optionalAccess', _ => _.placeholder]) || 'Select date'}`,
                         onClick: () => {
@@ -18705,9 +18705,9 @@ const Calendar = ({onChange,selected,disablePastDaysProp,disableFutureDaysProp,n
         for (let day = 1; day <= daysInMonth; day++) {
             const isSelected =
                 selected &&
-                new Date(selected).getTime() === day &&
-                new Date(selected).getMonth() === month &&
-                new Date(selected).getFullYear() === year;
+                selected.getDate() === day &&
+                selected.getMonth() === month &&
+                selected.getFullYear() === year;
             const isCurrentDay =
                 day === today && month === td.getMonth() && year === td.getFullYear();
             const isPastDay =
@@ -27142,10 +27142,10 @@ const Selector = (props) => {
                 }
             }else {
                 //remove the object for other when the field is cleared
-                setSelectedOptions(selectedOptions.filter((item) => item.label !== 'Other'));
-
-                selectedItem(null);
-                setSelectedOptions([]);
+                if(selectedOptions && selectedOptions.length > 0 && selectedOptions[0].label== 'Other'){
+                    setSelectedOptions([]);
+                    selectedItem(null);
+                }
             }
         }
     },[otherVal]);