v0ltoz / react-datetimepicker Goto Github PK

When using this component it shows in condensed mode rather that in full width mode. Can I change that behavior, and can I change it to open to the left.

Is there any option to open only ranges rather than from and to date?
on click custom ranges : open full picker
i.e. : https://demo.improvely.com/reports/webshop/ads?imt=1&utm_campaign=Date+Range+Picker&utm_source=Site+Ads&utm_medium=Banner&utm_content=GitHub+Demo+Image

Focus's on Grey cells

Hi,

Cloud you please add Custom Range local supports?

Currently we have:

--> format: moment display format
--> sundayFirst: True Sunday the first day of the week. False, Monday first day of the week.
--> From release version 1.0.7+: days, months, fromDate, toDate, selectingFrom, selectingTo, MaxDate, close, apply, cancel

No Custom Range supports.

Thanks!

When we select start and end from the left calendar (say February). After selecting February month moves to right and January appears. It affects user experience.

Need Datetime especially time by hour only, or there any props to disabling select minutes only.

Thanks

@v0ltoz Can you please implement jalaali calendar

https://www.npmjs.com/package/moment-jalaali

It's nice to have a calendar=gregorian|jalaali props

Functionality for clicking on the calendar needs to be rewritten

Add functionality on click off the screen the component closes

Screen change layout mode on screen size change

Hi,

first of all, great component, it would be ideal to me, but the lack of configuration is an issue for me.
is there a way to remove the time part?
can i remove the custom range part?

regards...

Add functionality to allow change when the child changes

Add the ability to choose minDate sometimes it is needed to disable previous days.
Maybe it is good idea to add some classes for today, before-today, after-today for styling

Ensure on change on the UI custom range is selected

Ensure if not valid error occurs or red box is shown

There is a vulnerability with react-scripts 2.1.1 that the project is dependent on as shown below. Please update the package.json to use react-scripts 2.1.3.

Thank You!

v2.1.3 is a maintenance release to fix a vulnerability in webpack-dev-server.
https://github.com/facebook/create-react-app/releases

Is there a way to use 12-hour time format in the time picker?

Hi,
Nice work!
Is there a way to delete the time picker?

Thanks

like this

thx bro 👍

Is it possible to reset the state of the component (e.g clear the custom range selected) when the user clears the value assigned to the child (input) component?

Test with US local to ensure still works

implicitly has an 'any' type.
Try npm i --save-dev @types/react-advanced-datetimerange-picker if it exists or add a new declaration (.d.ts) file containing declare module 'react-advanced-datetimerange-picker'; TS7016

I am using moment to change app time format from local to utc . When i am updating my timeformat from local to utc , and when I open the date picker and clicking on dates the date format is updating but when I clicking on date ranges (i.e left side of picker ) the format is not updating

Fix when Start and End are in the same month for the start and end styling

Here's an example both react and react-dom version is "16.8.1" and error appeared like this

https://codesandbox.io/embed/q718414r14

I'm using the latest version of react-advanced-datetimerange-picker and I'm having these issues:

Any help ?

Thanks

It'd be nice to be able to define a id property on DateTimeRangeContainer.
All associated actions/values would be bound to the defined id.

<DateTimeRangeContainer id="daterangepicker-1" />
<DateTimeRangeContainer id="daterangepicker-2" />
<DateTimeRangeContainer id="daterangepicker-3" />

Is this a potentially quick feature to implement?

Attempted workaround scenario:

// Successfully mutating the id onMount
useEffect(() => {
        document.querySelector(`.${props.name} .daterangepicker`).setAttribute('id', `${props.name}`)
}, [props])

render (
    <div className={`input-group ${props.name}`}> 
        // QTY 2 ========== (id and class for calendar by default is "daterangepicker")
        <DateTimeRangeContainer> <Form.Control /> </DateTimeRangeContainer> 
        <DateTimeRangeContainer> <Form.Control /> </DateTimeRangeContainer> 
    </div>
)

The [2nd DateTimeRangeContainer] with a unique id updates the [1st DateTimeRangeContainer].

Hi, I am facing very weird issue only on Mozilla Firefox v88. Datetime picker is not opening on left mouse click. Only if I click on the bottom left corner the picker is opened. On all other browser Chrome, Edge, IE everything is fine.

Thanks in advance.

Best regards,
Mihail

1.How to enabled single date mode?
2.How to hide time selection on datetime picker?

Hi,

I am getting following warning while trying out this package. Do we have a plan to upgrade the same?

warning react-advanced-datetimerange-picker > react-bootstrap > babel-runtime > [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.

It would be handy to pass the className attribute through to the daterangepickercontainer.
Maybe even add className attributes for all the nested elements. At the moment, everything is hardcoded.

@v0ltoz Filing this ticket to place a request for including a license file to the repo, if that is fine with you and other contributors of this library. Thanks.

I want to add select seconds functionality after selection hour and minute.
Are there any posiblities?

When local.days is set when sundayFirst=true . The calendar days are not displayed as expected

let local = { format: "DD-MM-YYYY HH:mm", sundayFirst: true, days:[ 'Mon','Tue','Wed','Thur','Fri','Sat','Sun' ] }

Actual

Expected

Please let me know how this can be resolved.

Hi, I am passsing the start and end time as props to the components, so when i give and option to change the zone, the start and end time changes, but the calendar shows the old time. So how do i re render or is there something else that i am missing.

Hi great library.
Since moment is 10 times bigger than date-fns, I was wondering, if it is possible to switch to date-fns to reduce the load time?

Thanks.

Also "custom range" is selecting automatically, would be great if it can be customised too

Will React 16, componentWillMount is deprecated and console is filled with below warning

Warning: componentWillMount has been renamed, and is not recommended for us
Please update the following components: DateTimeRangeContainer