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