'@react-native-community/datetimepicker Button text color on the Android calendar is white making it invisible

I need a calendar in my project, but the buttons on it are invisible. I have tried reinstalling it and other things like changing the style.xml in the calendars android folder nothing works...

import DateTimePicker from "@react-native-community/datetimepicker";
{
  showCalendar && (
    <DateTimePicker
      testID="dateTimePicker"
      value={date}
      mode={"date"}
      is24Hour={false}
      display="calendar"
      onChange={setDateHandler}
    />
  );
}

There isn't much code that I could've written wrong, the showCalendar state and setDateHandler work, so I've excluded them. Here are some maybe relevant things from package.json:

"@react-native-community/datetimepicker": "^5.0.1", "expo": "~43.0.2", "react-native": "0.64.3",

Thanks in advance.



Solution 1:[1]

The problem was that the display prop was set to display="calendar", when it should've been set to display="default". Thanks to @Akshay for answering quickly.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Nemanja Mitric