I'm attempting to modify the text color in a DateTimePicker component nested inside a table cell.
import DateTimePicker from 'react-datetime-picker';
<td>
<DateTimePicker onChange={onChange} value={value} textColor="white"/>
</td>
Here is the result that I am getting. https://i.sstatic.net/3A2ih.png
Is there an alternative method to change the text color? The table theme is set to dark.
import React from "react";
import 'bootstrap/dist/css/bootstrap.min.css';
import { Table } from 'reactstrap'
import {useState} from 'react'
import DateTimePicker from 'react-datetime-picker';
function App() {
const [value, onChange] = useState(new Date());
return (
<>
<div>
<Table dark>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<td >
<DateTimePicker onChange={onChange} value={value} textColor="white"/>
</td>
</tbody>
</Table>
</div>
</>
);
}
export default App;