title: React Apexchart, Area Chart's Date filter is NOT working for me
body: <p>React Apexchart, Area Chart's Date filter is NOT working.</p>
  <p>Here's the Chart Link - <a href="https://apexcharts.com/react-chart-demos/area-charts/datetime-x-axis/" rel="nofollow noreferrer">https://apexcharts.com/react-chart-demos/area-charts/datetime-x-axis/</a></p>
  <p>Here is my code and I have trouble with Date filter it's not worked for me</p>
  <pre><code>&lt;div style={{ backgroundColor: &quot;#fff&quot;, paddingTop: &quot;2%&quot;, width: &quot;100%&quot; }}&gt;
      &lt;div id=&quot;chart&quot;&gt;
        &lt;div class=&quot;toolbar&quot;&gt;
          &lt;button
            id=&quot;one_month&quot;
            onClick={() =&gt; this.updateData(&quot;one_month&quot;)}
            className={this.state.selection === &quot;one_month&quot; ? &quot;active&quot; : &quot;&quot;}
          &gt;
            1M
          &lt;/button&gt;
          &amp;nbsp;
          &lt;button
            id=&quot;six_months&quot;
            onClick={() =&gt; this.updateData(&quot;six_months&quot;)}
            className={this.state.selection === &quot;six_months&quot; ? &quot;active&quot; : &quot;&quot;}
          &gt;
            6M
          &lt;/button&gt;
          &amp;nbsp;
          &lt;button
            id=&quot;one_year&quot;
            onClick={() =&gt; this.updateData(&quot;one_year&quot;)}
            className={this.state.selection === &quot;one_year&quot; ? &quot;active&quot; : &quot;&quot;}
          &gt;
            1Y
          &lt;/button&gt;
          &amp;nbsp;
          &lt;button
            id=&quot;ytd&quot;
            onClick={() =&gt; this.updateData(&quot;ytd&quot;)}
            className={this.state.selection === &quot;ytd&quot; ? &quot;active&quot; : &quot;&quot;}
          &gt;
            YTD
          &lt;/button&gt;
          &amp;nbsp;
          &lt;button
            id=&quot;all&quot;
            onClick={() =&gt; this.updateData(&quot;all&quot;)}
            className={this.state.selection === &quot;all&quot; ? &quot;active&quot; : &quot;&quot;}
          &gt;
            ALL
          &lt;/button&gt;
        &lt;/div&gt;
  
        &lt;div id=&quot;chart-timeline&quot;&gt;
          &lt;ReactApexChart
            options={this.state.options}
            series={this.state.series}
            type=&quot;area&quot;
            height={350}
          /&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>