feat(ui): move to React 18 and base for using shadcn/ui (#4174)

Co-authored-by: IbrahimCSAE <ibrahim.mdev@gmail.com>

platform/ui/src/components/DateRange/DateRange.tsx

@@ -29,7 +29,7 @@ const renderYearsOptions = () => {
 };
 
 const DateRange = props => {
-  const { id, onChange, startDate, endDate } = props;
+  const { id = '', onChange, startDate = null, endDate = null } = props;
   const [focusedInput, setFocusedInput] = useState(null);
   const renderYearsOptionsCallback = useCallback(renderYearsOptions, []);
   const { t } = useTranslation('DatePicker');
@@ -165,12 +165,6 @@ const DateRange = props => {
   );
 };
 
-DateRange.defaultProps = {
-  id: '',
-  startDate: null,
-  endDate: null,
-};
-
 DateRange.propTypes = {
   id: PropTypes.string,
   /** YYYYMMDD (19921022) */