множественная маска для DatePicker с часовым поясом

Question

используя KeyboardDatePicker, я хочу добавить возможность изменять значения часового пояса (+10: 00 или -01: 00)

, чтобы сделать это, я использовал свойство маски KeyboardDatePicker следующим образом: "__/__/____ __:__:__ +__:__" и работает как положено, но для отрицательных значений часового пояса (-01: 00) это не так.

так есть ли способ применить несколько масок для KeyboardDatePicker с помощью регулярных выражений или чего-то еще, по крайней мере, для объединения этих двух масок: "__/__/____ __:__:__ +__:__" и "__/__/____ __:__:__ -__:__"

я пробовал с этим :

<KeyboardDatePicker 
    format={pattern}
    //mask="__/__/____ __:__:__ +__:__" // it works fine but just for positive values
    mask={/^(__\/__\/____ )(\+|-)(__:__)$/} // doesn't work
    autoOk 
    margin="normal"
    label={labelText}
    value={value} 
    onChange={this.handleChange} 
/>

вот пример codesandbox