TimePicker.sample.html

<header class="component-heading">
	<h2 class="control-header">TimePicker</h2>
	<div class="component-heading-since">
		<span><!--since_tag_marker--></span>
	</div>
</header>

<div class="component-package">@ui5/webcomponents</div>

<div class="control-tag">&lt;ui5-timepicker&gt;</div>

<section>
	<h3>Basic TimePicker</h3>
	<div class="snippet">
			<ui5-timepicker id="timepicker1"></ui5-timepicker>
	</div>
	<pre class="prettyprint lang-html"><xmp>
<ui5-timepicker id="timepicker1"></ui5-timepicker>
	</xmp></pre>
</section>

<section>
	<h3>TimePicker in twelve hours format</h3>
	<div class="snippet">
			<ui5-timepicker id="timepicker1" format-pattern="hh:mm:ss a"></ui5-timepicker>
	</div>
	<pre class="prettyprint lang-html"><xmp>
<ui5-timepicker id="timepicker1" format-pattern="hh:mm:ss a"></ui5-timepicker>
	</xmp></pre>
</section>

<section>
	<h3>TimePicker with only minutes and seconds</h3>
	<div class="snippet">
			<ui5-timepicker id="timepicker1" format-pattern="mm:ss"></ui5-timepicker>
	</div>
	<pre class="prettyprint lang-html"><xmp>
<ui5-timepicker id="timepicker2" format-pattern="mm:ss"></ui5-timepicker>
	</xmp></pre>
</section>

<section>
	<h3>TimePicker with value-state and valueStateMessage</h3>
	<div class="snippet">
		<ui5-timepicker id="timepicker3" format-pattern="mm:ss" value-state="Error">
			<div slot="valueStateMessage">Please provide valid value</div>
		</ui5-timepicker>
	</div>
	<pre class="prettyprint lang-html"><xmp>
<ui5-timepicker id="timepicker3" format-pattern="mm:ss" value-state="Error">
	<div slot="valueStateMessage">Please provide valid value</div>
</ui5-timepicker>
	</xmp></pre>
</section>

<!-- JSDoc marker -->