We're proposing an enhancement to our Picker components (CalendarPicker, TimePicker, DurationPicker, YearMonthPicker, and YearPicker) by introducing a new property named ButtonDisplay. This property aims to provide four distinct button display modes: LEFT, RIGHT, BUTTON_ONLY, and FIELD_ONLY. This enhancement will offer greater layout flexibility, especially in scenarios requiring space optimization.
For instance, in constrained spaces, the BUTTON_ONLY mode can be utilized to display only the button part of the picker, optimizing the use of available space. Conversely, the FIELD_ONLY mode would display only the input field without the button.
Additionally, while the default placement of the picker's button is on the right side of the text field, certain UI designs may require it to be on the left. The introduction of the ButtonDisplay property with a 'LEFT' option would easily accommodate such design requirements, enhancing the adaptability and user experience of our picker components.
dlemmermann
commented
1 month ago
We're proposing an enhancement to our Picker components (CalendarPicker, TimePicker, DurationPicker, YearMonthPicker, and YearPicker) by introducing a new property named
ButtonDisplay. This property aims to provide four distinct button display modes: LEFT, RIGHT, BUTTON_ONLY, and FIELD_ONLY. This enhancement will offer greater layout flexibility, especially in scenarios requiring space optimization.For instance, in constrained spaces, the BUTTON_ONLY mode can be utilized to display only the button part of the picker, optimizing the use of available space. Conversely, the FIELD_ONLY mode would display only the input field without the button.
Additionally, while the default placement of the picker's button is on the right side of the text field, certain UI designs may require it to be on the left. The introduction of the
ButtonDisplayproperty with a 'LEFT' option would easily accommodate such design requirements, enhancing the adaptability and user experience of our picker components.