@secondstaxorg/sscomp 1.7.49 → 1.7.52

package/dist/index.js

@@ -17085,6 +17085,9 @@ const InputLabel$8 = styled.div`
 
 const DatePickerContainer = styled.div`
   position: relative;
+  &.expanded{
+    height: 410px;
+  }
   button{
     border: none;
     background: transparent;
@@ -17296,7 +17299,7 @@ const _jsxFileName$R = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
  * Component for picking date
  */
 const DatePicker = (props) => {
-    const { onChange, label, subtext,disablePastDays,disableFutureDays ,placeholder,width,required,value,minYear} = props;
+    const { onChange, label, subtext,disablePastDays,disableFutureDays ,placeholder,width,required,value,minYear,clearance} = props;
     const [selectedDate, setSelectedDate] = React$1.useState(null);
     const [isCalendarOpen, setIsCalendarOpen] = React$1.useState(false);
     const [validationStatus,setValidationStatus] = React$1.useState('');
@@ -17342,7 +17345,7 @@ const DatePicker = (props) => {
                     , subtext && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 53}}, subtext)
                 )
             
-            , React$1.createElement(DatePickerContainer, { ref: calendarRef, className: validationStatus, style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 56}}
+            , React$1.createElement(DatePickerContainer, { ref: calendarRef, className: `${validationStatus} ${isCalendarOpen && clearance ? 'expanded' : ''}`, style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 56}}
                 , React$1.createElement(InputField$4, { className: `${validationStatus} ${isCalendarOpen ? 'focused' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 57}}
                     , React$1.createElement('input', { type: "text", className: "sr-only", required: required, value: !selectedDate ? '' : selectedDate , onChange: ()=>{}, onInvalid: ()=>{
                         setValidationStatus('error');
@@ -30884,7 +30887,7 @@ const FileUpdload = ({label,required,value,onChange}) => {
                         setSelectedFile(e.target.files[0]);
                         onChange(e.target.files[0]);
                     }, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 40}})
-                    , React$1.createElement('button', { type: "button", className: `${selectionState} paragraph2Regular file-name`, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 48}}, selectedFile ? selectedFile.name : 'No file selected')
+                    , React$1.createElement('div', { className: `${selectionState} paragraph2Regular file-name`, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 48}}, selectedFile ? selectedFile.name : 'No file selected')
                     , React$1.createElement(Button$1, { type: "button", variant: "primary", size: "lg", width: "fit-content", onClick: ()=>{fileInputRef.current.click();}, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 49}}, "Select File" )
                 )
             )