Skip to content

Customize the week number columnΒ #1072

@TomCorvus

Description

@TomCorvus

Hi ✌️,

Description

Customize the week number column in the header and the monthView with custom width, text color or text size.

stylesheet.day.basic.weekNumbers ?
stylesheet.calendar.header.weekNumbers ?

Observed Behavior

I would like to set custom style only for the week numbers cell in the header (empty) and the month view (number). I need place in day cell so I want to decrease the week number column width as maximum. See the demo below.

As you can see, I have succeeded to decrease week numbers cell in month view and keep a larger width for days but now the header is shifted. I put red borders to make the problem more clear.

Environment

Please run these commands in the project folder and fill in their results:

Also specify:

Reproducible Demo

https://snack.expo.io/@tom.corvus/react-native-calendar-demo-1

Real project:
Screenshot_1582909877

Thanks for your answer and your work πŸ‘

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions