quasar-ui-qcalendar icon indicating copy to clipboard operation
quasar-ui-qcalendar copied to clipboard

Is there a way to achieve a strip calendar like the one in Outlook for Android

Open dewdad opened this issue 4 years ago • 8 comments

Screenrecorder-2020-03-03-15-40-51-1 00_00_00-00_00_10~1

ReactNative has a component with similar UX from https://github.com/BugiDev/react-native-calendar-strip.

If you have any pointers, I might be able to make a pull request and work on it.

dewdad avatar Mar 05 '20 10:03 dewdad

@dewdad No, there's no functionality like that at the moment. I'll look at Outlook and see we might achieve this.

hawkeye64 avatar Mar 05 '20 13:03 hawkeye64

Thank you. If we have time to go into it, I'd be happy to contribute to the effort.

dewdad avatar Mar 06 '20 21:03 dewdad

There is a theoretical way of doing this, that I haven't tried. For the "monthly" mode, there is a prop (weeks?) which I believe if set to 1 will do then, then put the calendar into mini-mode as well. I will try it later in a codepen.

hawkeye64 avatar Mar 07 '20 12:03 hawkeye64

Found this and wanted to document it here: https://dribbble.com/shots/10687809-Calendar-Animation

hawkeye64 avatar Mar 09 '20 19:03 hawkeye64

Btw, the above property doesn't exists (and don't know why I was thinking weeks, that's something else entirely). Namely, thinking of a property...just need a good name and description of what it does.

hawkeye64 avatar Mar 09 '20 19:03 hawkeye64

Keep this conversation for future development ideas

hawkeye64 avatar Apr 07 '20 18:04 hawkeye64

I recently prototyped such a component: https://codesandbox.io/s/pbh-date-selector-7cblk

tonjohn avatar Apr 23 '20 00:04 tonjohn

@tonjohn Looks very nice!

hawkeye64 avatar Apr 25 '20 22:04 hawkeye64