A fully customized calendar screen built on top of react-native-calendars: dark theme, custom day cells, Brazilian Portuguese locale and a date picker that blocks past days.
- Custom day component with its own selected, today and disabled states
- pt-BR locale: month and weekday names in Portuguese
- No past dates:
minDateset to today, extra days hidden - Dark theme with a single accent color (
#F06543) - Custom arrows using Feather icons
- Selected date readout below the calendar
| Layer | Tools |
|---|---|
| Core | React Native 0.76, Expo SDK 52, TypeScript |
| Calendar | react-native-calendars |
| Icons | @expo/vector-icons (Feather) |
git clone https://github.com/williandeev/react-native-calendar.git
cd react-native-calendar
npm install
npx expo startPress a for Android or i for iOS.
src/
├── app/home/ # Calendar screen and styles
└── utils/ # pt-BR locale config for react-native-calendars