input mask component

pages/_includes/ui/form/input-mask.html

@@ -1 +1,19 @@
 <input type="text" name="input-{{ include.name | default: 'mask' }}" class="form-control" data-mask="{{ include.mask | default: '00/00/0000' }}"{% if include.visible %} data-mask-visible="true"{% endif %}{% if include.placeholder %} placeholder="{{ include.placeholder }}"{% endif %} autocomplete="off"/>
+
+{% append_lib imask %}
+{% capture_once scripts %}
+<script>
+(function () {
+	const $elem = $('[data-mask]');
+
+	if ($elem) {
+		$elem.each(function () {
+			IMask($(this).get(0), {
+				mask: $(this).attr('data-mask'),
+				lazy: $(this).attr('data-mask-visible') === 'true',
+			});
+		});
+	}
+})();
+</script>
+{% endcapture_once %}