<TimeFormatter value="3:55:00" />

3:55:00 AM

---

Specify localeOptions to customise display

<TimeFormatter value="03:55" locales="en-AU" localeOptions={{ timeStyle: "short" }} />

3:55 amSpecify blankLabel to control rendering when no value provided

<TimeFormatter value={null} blankLabel={<em>None</em>} />

None

---

Specify invalidValueLabel to change what is rendered when an invalid time is passed

<TimeFormatter value="abc" invalidValueLabel={<em>Bad Value</em>} />

Bad Value