React Apexchart, Area Chart's Date filter is NOT working for me

Question

React Apexchart, Area Chart's Date filter is NOT working.

Here's the Chart Link - https://apexcharts.com/react-chart-demos/area-charts/datetime-x-axis/

Here is my code and I have trouble with Date filter it's not worked for me

<div style={{ backgroundColor: "#fff", paddingTop: "2%", width: "100%" }}>
    <div id="chart">
      <div class="toolbar">
        <button
          id="one_month"
          onClick={() => this.updateData("one_month")}
          className={this.state.selection === "one_month" ? "active" : ""}
        >
          1M
        </button>
        &nbsp;
        <button
          id="six_months"
          onClick={() => this.updateData("six_months")}
          className={this.state.selection === "six_months" ? "active" : ""}
        >
          6M
        </button>
        &nbsp;
        <button
          id="one_year"
          onClick={() => this.updateData("one_year")}
          className={this.state.selection === "one_year" ? "active" : ""}
        >
          1Y
        </button>
        &nbsp;
        <button
          id="ytd"
          onClick={() => this.updateData("ytd")}
          className={this.state.selection === "ytd" ? "active" : ""}
        >
          YTD
        </button>
        &nbsp;
        <button
          id="all"
          onClick={() => this.updateData("all")}
          className={this.state.selection === "all" ? "active" : ""}
        >
          ALL
        </button>
      </div>

      <div id="chart-timeline">
        <ReactApexChart
          options={this.state.options}
          series={this.state.series}
          type="area"
          height={350}
        />
      </div>
    </div>
  </div>