import QtQuick 2.15
import QtQml 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15

TextField {
    signal timeChanged(var time)

    width: height * 4
    height: 70
//    verticalAlignment: TextInput.AlignBottom
    horizontalAlignment: TextInput.AlignHCenter
    font.pixelSize: height * 0.8
     text: "00:00:00"
     inputMask: "99:99:99"
     validator: RegExpValidator { regExp: /^([0-1\s]?[0-9\s]|2[0-3\s]):([0-5\s][0-9\s]):([0-5\s][0-9\s])$ / }
     inputMethodHints: Qt.ImhDigitsOnly

     onDisplayTextChanged: {
         if (getTime() != "Invalid Date") {
             timeChanged(getTime())
         }
     }

     function getTime() {
         return Date.fromLocaleTimeString( Qt.locale(), displayText, "hh:mm:ss")
     }
}