React集成Flatpicker日期选择器时弹窗无法打开的问题求助

（编辑）之前有朋友问我用的插件类型对不对，我再明确一下：我参考的是Purpose UI Kit里的datepicker插件方案，实际用的是Flatpicker日期选择器，现在是在React项目里结合原生HTML的方式来集成的。

我写的代码如下：

import { useState } from 'react';

const [displayDate, setDisplayDate] = useState(new Date()); // 用于输入框显示的日期值

// 处理日期变更的函数
const handleDateChange = (e) => {
  const thisDate = e.target.value;
  const dateObj = new Date(thisDate);
  const isoDateString = dateObj.toISOString();

  const startDateObj = new Date(dateObj);
  startDateObj.setDate(startDateObj.getDate() + 1);
  const start = startDateObj.toISOString();

  setStartDate(start);
  setSelectedDate(isoDateString);

  setDisplayDate(thisDate);
};

对应的输入框代码：

<!-- 日期选择器的输入框 -->
<input
  type="text"
  class="form-control form-control-md"
  data-toggle="date"
  placeholder="Select date"
  value={displayDate}
  onChange={handleDateChange}
/>

现在遇到的问题是：我本来预期点击这个输入框时，Flatpicker的日期选择弹窗会正常弹出，但目前输入框能正常显示，点击后完全没反应，弹窗根本不出来。

我已经确认过，Flatpicker对应的样式表和脚本文件都已经正确引入了。

补充一下显示效果：

• 我当前的输入框就是普通的文本输入框样式，没有任何可触发弹窗的交互反馈；
• 而文档里的效果是点击输入框后，会弹出带日历界面的选择弹窗。

已经折腾好几个小时了，有没有朋友能帮忙看看问题出在哪？

备注：内容来源于stack exchange，提问作者mo-shahab