在rduxt表单字段中键入时防止用户键入无效的小时和分钟

我有一个输入字段 redux-form 它应该有一个带掩码的验证。我想防止用户键入的小时数超过24分钟,分钟数超过60分钟。

  <Field
    label="duratoin"
    name="duration"
    validate={[required]}
    required
    mask={[
        /[0-2]/,
        /[0-9]/,
        ':',
        /[0-6]/,
        /[0-9]/,
    ]}
    placeholder="02:00"
    component={InputMaskField}
/>

29:69 . 你知道吗?

编辑

我也试过这些:

mask={[
          /[0-2]/,
          /[01][0-9]|2[0-3]/,
          ':',
          /[0-6]/,
          /0[0-9]|1[0-9]|2[0-9]|3[0-9]|4[0-9]|5[0-9]|6[0]/,
        ]}



mask={[
          /[0-2]/,
          /{0}[0-9]|{1}[0-9]|{2}[0-3]/,
          ':',
          /[0-6]/,
          /{0}[0-9]|{1}[0-9]|{2}[0-9]|{3}[0-9]|{4}[0-9]|{5}[0-9]|{6}[0]/,
        ]}

mask={[
        /[0-2]/,
        /2?[0-4]|1?[0-9]|0?[0-9]/,
        ':',
        /[0-6]/,
        /6?[0]|[0-5]?[0-9]/,
      ]}