Overview

Easy to use react input that allows users to select days of the week

Documentation :

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.

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

Screenshots :

voice-command
voice-command
voice-command