Hi,
Is there any version of this library that does not have the ReactJS dependency? (Just use vanilla Js)

If not:
1- Do you have a plan to do this?
2- Do you have a vanilla date range picker that does not any dependency (like jquery or react and etc)? (another library)

Thanks.

Hey, I got a component with two DatePickers (with time)
My idea is to set into the second picker a maxDate with the selected date on the first picker.
I tried using a state, but it seems like the second picker is not receiving the state value once I update it through the first picker onChange.

Any workarounds?

Hey,

Is range of days with time possible ?

Thanks.

Hello, I can not import 'react-calendar-datetime-picker/dist/index.css'. I have an error about loader in my nextjs project please help me !

When having 2 datepickers on the page, picking the 'to' date from the second datepicker will update the date of the first datepicker.
Any idea ?

Right now we couldn't focus on the input by the tab key, we should fix accessibility.

Clock input has an issue and it doesn't let you type the second number of the clock and converts it to zero.

Hi,
the calendar is not hidden when a date is selected. How can I hide the calendar on value selection?

Is there a way to set Monday as a first day of a week instead of Sunday? For example in react-datepicker there is a property calendarStartDay.

Use Case -
When I want to show date range in format like "Nov 18, 22 - Nov 30, 22", I'm stuck default format is very verbose & does not offer best UI for most use cases.

Suggested solutions-

1. expose value prop that can be passed to DtPicker, that will be further passed down to tag.
2. expose a formatValue function, date or date range will be formatted using this function. Specifically this will requires passing correctValue function here as prop.

@mmehdinasiri Let me know your thoughts on this, I think we should go with 2. I'll do a PR after your approval.

PS: using this in production, so 🤞

Regards,
Atul Yadav

hi, thanks for creating this awesome date picker component I need a feature Which I will explain below:

I use reactstrap label component and I want to assign a label to the Date picker input but can't because the component doesn't have any prop to assign an id to input
example:

import { useState } from "react";
import DtPicker from "react-calendar-datetime-picker";
import { Col, Form, Label, Row } from "reactstrap";

function Test() {
    const [date, setDate] = useState(null);

    return (
        <Form>
            <Row>
                <Col className="mb-1" md="6" sm="12">
                    <Label for="example-input"> example </Label>
                    <DtPicker onChange={setDate} inputId="example-input" />
                </Col>
            </Row>
        </Form>
    );
}

If you can not take the time to add this feature and you are busy I will try to add this feature just please let me know so I know you do not have time to do this