Time input with cleave.js

by willystyle

HTML

<script src="https://nosir.github.io/cleave.js/dist/cleave.min.js"></script>
<div class="container">
    <input class="input-duration" placeholder="Enter duration hh:mm:ss:ms" />
</div>

JavaScript

var cleave = new Cleave('.input-duration', {
    time: true,
    timePattern: ['h', 'm', 's', 'ms']
});