タイムカードに一定の時間を記録するボタンを追加したい

背景・実現したいこと

"一時的にデータを保存するためにフィールドを使う ~勤怠管理アプリを例に~"を参考にタイムカードを作成しましたが、押した際に一定の時間を記録するボタンを追加したいと考えています。

サンプルアプリを現場で試験運用したのですが、押した時間と勤務開始時間の差を都度修正する必要があり、手間が生まれるため実用に踏み切れない状態です。

そこで、下記画像のように実際の時間を無視し、一定の時間を記録できるボタンがあれば解決しそうなのですが、うまくカスタマイズできませんでした。。

実装できそうなjsのコードや参考など、ご教授いただければ幸いです。

 

 

 

 

上記JSを少し学んだことで、実現できました。