如何更改react-date-range包中选中的输入的颜色？

要更改react-date-range包中选中输入的颜色，可以通过自定义样式来实现。react-date-range是一个React组件库，用于处理日期范围选择。

首先，你需要在你的项目中安装react-date-range包。可以使用npm或者yarn命令来安装：

npm install react-date-range

或者

yarn add react-date-range

安装完成后，你可以在你的代码中引入react-date-range组件：

import { DateRangePicker } from 'react-date-range';
import 'react-date-range/dist/styles.css'; // 引入默认样式
import 'react-date-range/dist/theme/default.css'; // 引入默认主题样式

然后，你可以使用DateRangePicker组件来创建一个日期范围选择器：

<DateRangePicker
  onChange={handleDateChange}
  showSelectionPreview={true}
  moveRangeOnFirstSelection={false}
  months={2}
  ranges={selectionRange}
  direction="horizontal"
/>

在上面的代码中，你可以看到有一个名为ranges的属性，它用于指定选中的日期范围。你可以通过设置该属性来更改选中输入的颜色。

为了更改选中输入的颜色，你可以使用CSS来自定义样式。react-date-range组件提供了一些CSS类名，你可以使用这些类名来选择并修改相应的样式。

例如，要更改选中输入的背景颜色，你可以使用以下CSS代码：

.react-date-range-picker__calendar .rdrDateRangePickerWrapper .rdrDateDisplayWrapper .rdrDateDisplayItem.active {
  background-color: red;
}

上面的代码中，我们使用了.active类名来选择选中输入的元素，并将其背景颜色设置为红色。

除了背景颜色，你还可以使用其他CSS属性来更改选中输入的样式，例如字体颜色、边框颜色等。

请注意，以上只是一个示例，你可以根据自己的需求来修改样式。

关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，我无法提供相关链接。但你可以在腾讯云官方网站上查找相关产品和文档。

希望以上信息对你有所帮助！