DatePicker Input style

Date and time pickers
1

Hi,
I imported the css like this -
import “@mobiscroll/react/dist/css/mobiscroll.min.css”;
and I’m using event calendar and dateTime picker wuth range selection on the same page,
the date time picker is implemented like this-
<Datepicker
select=“range”
inputComponent=“input”
inputProps={{
placeholder: ‘בחירת תאריכים לשיבוץ אוטומטי’
}}
onChange={autoShibutsDatesChange}
min={new Date()}
/>
all styles are working as expected except of the input of the date time picker which looks like this -
image

am I missing any other inport or something else?

2

Hi,
The imports are ok, but the imported css is applied just for Mobiscroll components. If the Datepicker’s inputComponent is given the value “input”, it will render a standard HTML <input>. You should just omit it and it will default to a Mobiscroll Input, thus the styles are going to be aplied.