如何在 InputMask 中自定义屏蔽输入？

如何解决如何在 InputMask 中自定义屏蔽输入？

我正在为孩子们创建一个调度程序应用程序。调度程序将用于他们的学校任务和家庭作业。为此，我有一个带有时间的输入字段，该字段需要具有这种格式“00:00”。我正在使用 react InputMask，这是它的外观：

<InputMask mask="99:99" maskChar="00:00" />;

所以每当孩子在输入中输入 1 时，这个值就会被屏蔽为 10:00。我的问题是我想像 01:00 一样被屏蔽，但我不知道该怎么做。我已经阅读了 InputMask 的文档，并且遇到了属性 beforeMaskedStateChange。我可以以某种方式使用这个属性来解决我的问题吗？或者我应该为此使用某种正则表达式？ 另一件事是，我希望在完成输入后进行屏蔽。一开始，输入字段需要只是一个没有 99:99 格式的常规输入字段。

打字时 ====>

在我不再关注这个领域之后（我正在编辑其他领域） - 屏蔽完成 ====>

如果这个问题重复，我很抱歉。