Weekdays Input
Content Type: Widget
Categories: Utility,User Interface
Overview
Easy to use react input that allows users to select days of the week
Features
- daysValue- A string representing the active days of the week. 0 being inactive, 1 being active. eg.'0100001'.
- showChars- The numbers of chars to show for the day’s names. Ex: Monday=Mo.
- days- days array.
- forcedState- Force certain days to be active or inactive.
- activeDayStyle- The CSS styling to apply to active days.
- inactiveDayStyle- The CSS styling to apply to inactive days.
- inputStyle- The CSS styling of the whole input.
- dayStyle- The CSS styling used for each day.
- textCase- Defines the case of the text. Available: firstToUpper (Monday), toUpper (MONDAY), toLower (monday).
- wrapperClassName- A class that you may optionally provide for external modifications of the wrapper style.
- selectorClassName- A class that you may optionally provide for external modifications of the day selection style.
Documentation
Demo urlhttps://weekdays-picker-sandbox.mxapps.io/login.html?profile=Responsive
Easy to use react input that allows users to select days of the week
Features
- daysValue- A string representing the active days of the week. 0 being inactive, 1 being active. eg.'0100001'.
- showChars- The number of chars to show for the day’s names. Ex: Monday=Mo.
- days- days array.
- forcedState- Force certain days to be active or inactive.
- activeDayStyle- The CSS styling to apply to active days.
- inactiveDayStyle- The CSS styling to apply to inactive days.
- inputStyle- The CSS styling of the whole input.
- dayStyle- The CSS styling used for each day.
- textCase- Defines the case of the text. Available: firstToUpper (Monday), toUpper (MONDAY), toLower (monday).
- wrapperClassName- A class that you may optionally provide for external modifications of the wrapper style.
- selectorClassName- A class that you may optionally provide for external modifications of the day selection style.
Dependencies:
• Mendix modeler 9.24.22.
Demo:
https://weekdays-picker-sandbox.mxapps.io/login.html?profile=Responsive
demo_administrator
2xRXju1f4qOh
Issues, suggestions and feature requests
https://github.com/bharathidas/weekdays-input/issues
Releases
Version: 1.0.0
Framework Version: 9.24.22
Release Notes: Easy to use react input that allows users to select days of the week
**Features**
• **daysValue**- A string representing the active days of the week. 0 being inactive, 1 being active. eg.'0100001'.
• **showChars**- The numbers of chars to show for the day’s names. Ex: Monday=Mo.
• **days**- days array.
• **forcedState**- Force certain days to be active or inactive.
• **activeDayStyle**- The CSS styling to apply to active days.
• **inactiveDayStyle**- The CSS styling to apply to inactive days.
• **inputStyle**- The CSS styling of the whole input.
• **dayStyle**- The CSS styling used for each day.
• **textCase**- Defines the case of the text. Available: firstToUpper (Monday), toUpper (MONDAY), toLower (monday).
• **wrapperClassName**- A class that you may optionally provide for external modifications of the wrapper style.
• **selectorClassName**- A class that you may optionally provide for external modifications of the day selection style.
**Dependencies**:
• Mendix modeler 9.24.22.
**Issues, suggestions and feature requests**
https://github.com/bharathidas/weekdays-input/issues
**Screenshots:**
