Control event text (numeric or alphanumeric)

The latest sandbox build (2020.4.4729) lets now includes an experimental onAfterEventEditRender event handler that lets you access the editing <textarea> element using args.element. You can use it to add custom event handler that will filter out the forbidden characters.

Thank you. Now I want to change the style of the embedded textarea. I added the following CSS style both in the global style.css and in CSS file of the component that contains the scheduler.

.scheduler_time_reporting_board-place-editor {
border: 1px solid red !important;
}

onAfterEventEditRender: (args) => {
args.element.classList.add('scheduler_time_reporting_board-place-editor');
},

However it seems not work. Am I doing something wrong?

Most browsers define an outline style that highlights the active input element. The border gets hidden by the outline. You need to override the outline style or hide the outline:

.scheduler_time_reporting_board-place-editor {
  border: 1px solid red !important;
  outline: none;
}

Perfect! Thanks a lot!