react-native-calendar-strip icon indicating copy to clipboard operation
react-native-calendar-strip copied to clipboard

Showing only months and year

Open Akshay9882 opened this issue 8 years ago • 12 comments

Is it possible to modify this calendar to shown only months and year, i want to modify it to show only months and years like below view

<                                               2017                                                       >
   Jan   Feb    Mar   Apr   May    Jun   Jul   Aug    Sep    Oct   Nov    Dec

Akshay9882 avatar Feb 19 '17 07:02 Akshay9882

Pull requests are welcome. How do you envision fitting the month picker view into a flat wide space that the current CalendarStrip lives in?

Edit: The updated layout looks reasonable. We could use flex-wrap on the months container to allow it to fit in either a flat wide space or a taller square-like space. There are some other features I plan to work on before getting to this. Would appreciate any code contributions you may have.

peacechen avatar Mar 02 '17 16:03 peacechen

@Akshay9882 This could be done by creating a CalendarMonth component similar to CalendarDay. Would you be interested in submitting a PR?

peacechen avatar Aug 16 '17 18:08 peacechen

@peacechen Are you still interested in having this enhancement? If so, I would gladly accept the challenge and submit a PR request.

Thanks.

Louis345 avatar Oct 23 '17 13:10 Louis345

PR's are most definitely welcome. Thanks for your contributions, and feel free to follow up with any questions.

peacechen avatar Oct 23 '17 14:10 peacechen

need+1

tututututututu avatar Dec 18 '17 06:12 tututututututu

@Louis345 Are you still interested in helping out with this PR?

BurnedChris avatar Dec 25 '17 18:12 BurnedChris

My apologies, been a bit busy. I will start working on it tomorrow. I'm free then.

Louis345 avatar Dec 25 '17 23:12 Louis345

@Louis345 Looking forward to it! Should be a great option!

BurnedChris avatar Dec 25 '17 23:12 BurnedChris

Any updates on this PR? Need this in my project

acedigibits avatar May 29 '18 09:05 acedigibits

@Akshay9882 have you done this please send a solution if done.

mohitiquincesoft avatar Jan 24 '20 08:01 mohitiquincesoft

@Akshay9882 This could be done by creating a CalendarMonth component similar to CalendarDay. Would you be interested in submitting a PR?

Yes sure

Akshay9882 avatar Feb 22 '20 04:02 Akshay9882

@Akshay9882 have you done this please send a solution if done.

I created custom calendar using react-native elements in the below format.

                 2017
          JAN    FEB    MAR
          APR    MAY    JUN
          JUL    AUG    SEP
          OCT    NOV    DEC

Akshay9882 avatar Feb 22 '20 06:02 Akshay9882