Range selector calendar

[JamesW]

Hi

I am building a Highcharts Stock chart in React and am having issues with the range selector calendar.

In a lot of your Highcharts Stock examples you have a calendar icon appear when you click on the a date in the range selector e.g.
https://jsfiddle.net/gh/get/library/pur ... agrouping/
https://jsfiddle.net/gh/get/library/pur ... r/styling/

I am trying to replicate that but don't get any calendar icons appear in my chart, I even copied the data and options from one of the examples above but still just get a text input box in the range selector.

Is the calendar date selection built in or is it something I need to add in myself?

Thanks
James

[pawelys]

Hello James, thanks for contacting us with your question!
The calendar is part of the default rangeSelector options and should be present without any further configuration. Please, share the demo, where you failed to enable the calendar, so I can check what is the issue.
In case of any other questions feel free to contact us again!
Kind regards,

Here is one of the most basic demos, where the rangeSelector is enabled, and the calendar works: https://jsfiddle.net/BlackLabel/t73ajdf2/1/

Kind regards,

[JamesW]

Thanks for your reply.

I've sent you a private message with a link to my chart.

I've set up a sandbox here: https://codesandbox.io/s/heuristic-jone ... src/App.js which works fine, I've then copied the exact same code locally and the range selector doesn't work.

So it must be something to do with my setup locally, any idea what I could be missing?

[pawelys]

Hello, thanks for the link! The Calendar feature was added in the newest release of Highcharts version v9.0.0. which was earlier this week. This was not an available feature before, so in order to obtain this feature for yourself, all you need to do is to update the packages to the newest ones. Let me know if that works for you, and in case of any further questions feel free to contact us again!
Kind regards,

[JamesW]

Ah, thought it was a bit strange why I couldn't get it to work!
Thanks, will update and hopefully all will be fine.

[pawelys]

OK! In case of any further questions feel free to contact us again! Kind regards,