<?xml version="1.0" encoding="UTF-8"?>
<template name="Clock bug" category="Timers" description="Time of day with the date underneath." anim="fade" from="left" animMs="400">
  <field id="format" label="Format" type="select" default="time" options="time=24-hour|time12=12-hour"/>
  <field id="accent" label="Date colour" type="color" default="#2dd4bf"/>

  <rect x="48" y="48" w="236" h="100" radius="12" fill="rgba(12,15,20,0.85)"/>
  <clock x="72" y="60" w="200" h="54" size="44" weight="700" font="mono" color="#ffffff" mode="{format}"/>
  <clock x="74" y="112" w="200" h="26" size="20" weight="600" color="{accent}" mode="date"/>
</template>
