How to remove space between date rows react native calendars

Question

enter image description here

how to remove space between date rows and 2nd question how to align day names from top to left side

I want days on left side not on top

Answer 1

The Calendar component can receive theme prop. you can pass the follow:

theme={{ 'stylesheet.calendar.header': { header: { flexDirection: 'row', justifyContent: 'space-between', paddingLeft: 100, paddingRight: 100, marginTop: 6, alignItems: 'center' } } }}

or you can get help from the post : https://morioh.com/p/026cbeaeb2a3