-
Notifications
You must be signed in to change notification settings - Fork 270
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(ui5-calendar): introduce new component. #2424
Conversation
- Lint errors fixed
…into calnedar-stand-alone
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I can see that the "selection" property is added, but I can't see its implementation. I mean is it possible to switch between single selection and range selection by using this property.
…into calnedar-stand-alone
- "CalendarSelection" enum class is introduced with single, multiple and range selection modes. - DayPicker component uses the new "CalendarSelection" class, in order to provide support for the three selection modes. - Selection of multiple dates can be configured via the "selection" property of the Calendar component. Holding control keyboard key doesn't allow multiple dates selection. - The logic for selecting a range of dates is moved from the DateRangePicker component into the DayPicker component. - Selecting a range of dates via mouse now doesn't cause flickering on the hovered items. - Updating the selected date range into the DateRangePicker component input field is now reflected visually, when the popover is opened.
- Lint erros fixed
…into calnedar-stand-alone
- Calendar tests are added.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There are two comments, please fix!
component "selection" property. - Typos fixed.
…into calnedar-stand-alone
The "selection" property value could be changed. There is currently no getter implemented. |
A new range can be selected if there is already a selected range. The selected range from the input field is now applied to the Calendar component only when the popover is opened.
in the on before rendering hook. When a new range is being selected by user interaction the input field is getting cleared.
…into calnedar-stand-alone
in order to change the current item navigation tab index. - The tab index of the calendar header buttons is changed through the calendar header template.
There are failing tests in relation to the ui5-calendar component after merging the conflicts. Adjustments are needed. |
- ui5-calendar tests adjusted - When "Range" or "Multiple" type of selection is configured, then the last selected date by user interaction is also the navigated date. - ui5-daterange-picker now works properly with only the start date of the range typed into the input field.
- Lint erros fixed.
- playground sample since tag is added - playground sample visualization is adjusted
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- add test about the selection in combination with the event firing
- mark the Calendar as new for the playground by adding it in this array
// Add new components here
// packages/playground/build-scripts/samples-prepare.js
const newComponents = [
"MultiInput",
"RangeSlider",
"Slider",
"Wizard",
];
is now added in the component metadata. - ui5-calendar selection types are now tested. - ui5-calendar component is marked as new in the playground.
Tests are added and the component is added as new for the playground. Done. |
feat(ui5-calendar): component is now public and can be used standalone.
range selection modes.
in order to provide support for the three selection modes.
property of the Calendar component. Holding control keyboard key doesn't
allow multiple dates selection.
the DateRangePicker component into the DayPicker component.
on the hovered items.
input field is now reflected visually, when the popover is opened.
typed into the input field.
Fixes #1730