Skip to content

About

React Native project using the react-native-calendars library, with initial setup, customizations, and basic calendar functionalities

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Latest commit

 

History

2 Commits

Folders and files

Repository files navigation

React Native Calendar React Native Expo TypeScript react-native-calendars MIT License

▍ABOUT

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.

▍FEATURES

  • Custom day component with its own selected, today and disabled states
  • pt-BR locale: month and weekday names in Portuguese
  • No past dates: minDate set to today, extra days hidden
  • Dark theme with a single accent color (#F06543)
  • Custom arrows using Feather icons
  • Selected date readout below the calendar

▍TECH STACK

Layer Tools
Core React Native 0.76, Expo SDK 52, TypeScript
Calendar react-native-calendars
Icons @expo/vector-icons (Feather)

▍GETTING STARTED

git clone https://github.com/williandeev/react-native-calendar.git
cd react-native-calendar
npm install
npx expo start

Press a for Android or i for iOS.

▍PROJECT STRUCTURE

src/
├── app/home/   # Calendar screen and styles
└── utils/      # pt-BR locale config for react-native-calendars

Made by Willian Robson

About

React Native project using the react-native-calendars library, with initial setup, customizations, and basic calendar functionalities

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages