vwc-calendar

[yinonov]

discuss calendar API and UI/UX
calendar is @ alpha state and is awaiting feedback to design its spec

can be view at -
https://vivid.vonage.com/?path=/story/alpha-components-calendar--basic

[levkaganv]

Hi, We've played a little with this component and those are the requirements that we need (for now :))

• Change the dates titles on each of the columns - We need to be able to display different weeks.
• Show rows for 24 hours - Currently it shows only between 7am to 10 pm. We need to be able to display events for all hours of the day
• Adding formatted text in the event rectangle - Need it to add event names (and maybe some more info)
• Scale vertically to take max possible height - This is happening already happening horizontally.
• In case the viewport of calendar can't show all of the hour rows the calendar should have a scroll bar but only for the rows. The column titles should always be visible.

• If you need me to elaborate more on the requirements or to get some kind of visual design in Figma please let me know.

[yinonov]

#807 addresses datetime (of week) API support

[RoyMenczerVonage]

Hi can you provide an example for adding formatted text?
couldn't get it to work (using vivid version 2.7.0) and did not find an example in the documentation, only an example with a label

[yinonov]

calendar displays internalized days of week by en-US .
future request might demand other locales.

It's possible to

1. expose a local attribute to override the language
2. a property accepting array of manual days literal

any special preference?

[levkaganv]

In option one we would get a property for localization that we would be able to change ?
If yes then this is what we prefer.

[levkaganv]

@yinonov About the points that you checked. Does that mean they already merged ? If yes how can I get the latest version of calendar so I could play with it a little more ?

[yinonov]

Checked items above are already merged with recent version

[jshenkman]

Hey,
The formated text for the event should be by this design
And added the Calendar component design to our library

[yinonov]

Thanks @jshenkman ill follow

[RoyMenczerVonage]

@jshenkman @yinonov
Following A meeting between my team, product, and the UX designer for the "VR scheduling" feature - turns out that there is one more capability that we need for the formatted text in vwc-calendar-event:
We need to be able to omit the suffix of text that "overflows" from the event because it's too long. Is it possible to add to vwc-calendar-event a behavior similar to the text-overflow: ellipsis of CSS?

[yinonov]

@jshenkman how are colors applied to event card? should this be set by a form of connotation shades? should events expose color customization? and if so, should it also expose the "on-color" (you can't have 1 without the other)?