@campxdev/shared 1.10.74 → 1.10.76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.10.74",
+  "version": "1.10.76",
   "main": "./exports.ts",
   "scripts": {
     "start": "react-scripts start",

package/src/components/ApplicationProfile/ApplicationProfile.tsx

@@ -22,7 +22,6 @@ import SearchBar from '../FilterComponents/SearchBar'
 import { DialogButton, DrawerButton } from '../ModalButtons'
 import Table from '../Tables/BasicTable/Table'
 import DepartmentFilter from './DepartmentFilter'
-import ReactJoyRide from '../ReactJoyRide'
 // import Arrow, { DIRECTION } from 'react-arrows'
 import '../CustomJoyRideStyles.css'
 
@@ -164,33 +163,9 @@ function ApplicationProfile({
     })
   }
 
-  const tourSteps = [
-    {
-      target: '.test',
-      title: 'Adding User Profile Relation',
-      content: (
-        <Typography variant="subtitle1">
-          Choose your Profile Relation from the pre-given dropdowns
-        </Typography>
-      ),
-      disableBeacon: true,
-    },
-    {
-      target: '.test2',
-      title: 'Search By Name',
-      content: (
-        <Typography variant="subtitle1">
-          You can also find the person by just typing his name away!
-        </Typography>
-      ),
-    },
-  ]
-
   if (profilesLoading) return <Spinner />
   return (
     <>
-      <ReactJoyRide steps={tourSteps} tourName="Application-Profile-Tour" />
-
       <PageHeader
         title={title}
         actions={[

package/src/components/Input/DateRangePicker.tsx

@@ -44,6 +44,10 @@ interface IDateRangePickerProps {
   name?: string
   error?: boolean
   helperText?: string
+  startMinDate?: Date | string | number
+  startMaxDate?: Date | string | number
+  endMinDate?: Date | string | number
+  endMaxDate?: Date | string | number
 }
 export default function DateRangePicker({
   value,
@@ -56,6 +60,10 @@ export default function DateRangePicker({
   helperText,
   label,
   name,
+  startMinDate,
+  startMaxDate,
+  endMinDate,
+  endMaxDate,
 }: IDateRangePickerProps) {
   const [state, setState] = useState({
     start: null,
@@ -83,12 +91,13 @@ export default function DateRangePicker({
           }}
           enableTime={enableTime}
           inputProps={{ InputProps: null, size: size }}
+          minDate={startMinDate}
+          maxDate={startMaxDate}
         />
         <SvgIcon>
           <DateRangeIcon />
         </SvgIcon>
         <DateTimePicker
-          minDate={state[0]}
           placeholder="To Date"
           enableTime={enableTime}
           value={state.end}
@@ -97,6 +106,8 @@ export default function DateRangePicker({
             onChange({ ...state, end: value })
           }}
           inputProps={{ InputProps: null, size: size }}
+          minDate={endMinDate}
+          maxDate={endMaxDate}
         />
       </StyledDateRangePicker>
       <>{error && <FormHelperText>{helperText}</FormHelperText>}</>