# Reproduce the Date Range Picker from Power Chart

**URL:** <https://forum.inductiveautomation.com/t/reproduce-the-date-range-picker-from-power-chart/93522>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [July 22, 2024, 11:13am UTC](https://forum.inductiveautomation.com/t/reproduce-the-date-range-picker-from-power-chart/93522 "2024-07-22T11:13:52Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Martin\_Chauveliere](https://avatars.discourse-cdn.com/v4/letter/m/51bf81/32.png) [@Martin\_Chauveliere](https://forum.inductiveautomation.com/u/Martin_Chauveliere)\
**Post date:** [July 22, 2024, 11:13am UTC](https://forum.inductiveautomation.com/t/reproduce-the-date-range-picker-from-power-chart/93522/1 "2024-07-22T11:13:52Z")

</div>

Hi everyone,

As written in the title I would like to reproduce the date picker from the power chart for a personal project.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/b/1b548d9a069fa4a5dc56b0772b5de8cffa383076.png)

This is the part I am struggeling with.  
I cannot find a component where I can choose a start date and an end date.

CSS saying that the class of the component is ia\_dateRangeTimePicker but cannot find it on Ignition

Is that possible to make ?

Thx for your help guys

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [July 22, 2024, 12:25pm UTC](https://forum.inductiveautomation.com/t/reproduce-the-date-range-picker-from-power-chart/93522/2 "2024-07-22T12:25:13Z")

</div>

Vote here:

> **[Perspective - date picker that allows selecting date range | Ignition...](https://ideas.inductiveautomation.com/ignition-features-and-ideas/p/perspective-date-picker-that-allows-selecting-date-range)**

@nader.chinichian, did you have a solution for this? (Someone had a workaround. I thought it was you.)

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [July 22, 2024, 12:53pm UTC](https://forum.inductiveautomation.com/t/reproduce-the-date-range-picker-from-power-chart/93522/3 "2024-07-22T12:53:39Z")

</div>

The only way is creating module base on 3rd party react library

---

<div class="post-metadata">

**Author:** ![josborn](https://avatars.discourse-cdn.com/v4/letter/j/4bbf92/32.png) [@josborn](https://forum.inductiveautomation.com/u/josborn)\
**Post date:** [July 22, 2024, 9:06pm UTC](https://forum.inductiveautomation.com/t/reproduce-the-date-range-picker-from-power-chart/93522/4 "2024-07-22T21:06:53Z")

</div>

See if this might work for you or be a starting point:

> [@MultiCalendar module](https://forum.inductiveautomation.com/t/multicalendar-module/86326):
>
> Hello, I have created a MultiCalendar and MultiDatepicker module, hope here is the right place to share the module which supports Gregorian, Farsi, Jalali, Arabic, Indian calendar and it is in English, Farsi, Arabic and Hindi languages. [multicalendar.modl](https://forum.inductiveautomation.com/uploads/short-url/3QJpNxegOI4FDz96N4X8kyupb2X.modl) (43.0 KB)