partial: second batch of components

new-lamassu-admin/src/components/date-range-picker/DateRangePicker.jsx

@@ -1,4 +1,3 @@
-import { makeStyles } from '@mui/styles'
 import classnames from 'classnames'
 import { compareAsc, differenceInDays, set } from 'date-fns/fp'
 import * as R from 'ramda'
@@ -6,15 +5,6 @@ import React, { useState, useEffect } from 'react'
 
 import Calendar from './Calendar'
 
-const styles = {
-  wrapper: {
-    backgroundColor: 'white',
-    borderRadius: 10
-  }
-}
-
-const useStyles = makeStyles(styles)
-
 const DateRangePicker = ({ minDate, maxDate, className, onRangeChange }) => {
   const [from, setFrom] = useState(null)
   const [to, setTo] = useState(null)
@@ -23,8 +13,6 @@ const DateRangePicker = ({ minDate, maxDate, className, onRangeChange }) => {
     onRangeChange(from, to)
   }, [from, onRangeChange, to])
 
-  const classes = useStyles()
-
   const handleSelect = day => {
     if (
       (maxDate && compareAsc(maxDate, day) > 0) ||
@@ -55,7 +43,7 @@ const DateRangePicker = ({ minDate, maxDate, className, onRangeChange }) => {
 
   return (
     <>
-      <div className={classnames(classes.wrapper, className)}>
+      <div className={classnames('bg-white rounded-xl', className)}>
         <Calendar
           from={from}
           to={to}