Add the MaskDateTime web block to your module and insert the Id of the input widget you want to apply the input mask to.

Format datetime input using MaskDateTime:

• This datetime format is defined by setting the order of the day (dd), month (mm),  year (yyyy), hour(HH), minute (MM) and second(ss) and also by setting the separator between them. For example, dd/mm/yyyy HH:MM:ss and dd-mm-yyyy HH:MM:ss are valid date formats.
• Note that you cannot use any other component/widget that works with DateTime and the MaskDateTime on the same date input, or you will get wrong and unexpected values.

There’s also an optional input parameter (KeepMask) that allows you to toggle between keeping the mask or not when the input data is send to the server. By default this parameter is set to False.

The input parameter AdvancedOptions is available in all web blocks, and here you can specify other options like clearMaskOnLostFocus, which allow you to show the mask even when the input element doesn’t have focus. You will find more information about this in the GitHub component documentation.

This component uses the 5.0.8-beta.20 version of the Robin Herbots Inputmask Plugin