samples/TizenWebUI-sample-v1/tizen-ui-builder-tool/res/descriptors/Tizen-web-ui-fw/widget/tizen.searchfilterbar.widget.xml

<?xml version="1.0" encoding="UTF-8"?>

<widget id="tizen.searchfilterbar" displayName="Search Filter Bar"
	smallIcon="searchfilterbar_small.png" icon.16="searchfilterbar_16.png"
	category="Toolbars"
	description="The search filter bar widget is used to search for page content. This widget can be placed in the header."
	helpCategory="Tizen_Widget"
	helpContents="searchfilterbar"
	borderVisible="false">

	<relations>
		<parent ids="tizen.header"/>
	</relations>

	<property name="id"              type="string"  displayName="ID"            default="" category="Common">
		<condition name="string-id" error="string-id"/>
	</property>
	<property name="name"            type="string"  displayName="Name"          default=""/>
	<property name="placeholder"     type="string"  displayName="Placeholder"   default=""/>
	<property name="group-text-placeholder" type="group-text" displayName="Placeholder Style" default="">
		<property name="font-family" type="font@family" displayName="Font Family" selector="#%id%::-webkit-input-placeholder"/>
		<property name="font-size" type="font@size" displayName="Font Size" selector="#%id%::-webkit-input-placeholder"/>
		<property name="color" type="css-color" displayName="Color" selector="#%id%::-webkit-input-placeholder"/>
	</property>
	<property name="value"           type="string"  displayName="Initial Text"  default=""/>
	<property name="group-text" type="group-text" displayName="Initial Text Style" default="">
		<property name="font-family" type="font@family" displayName="Font Family" selector="#%id%"/>
		<property name="font-size" type="font@size" displayName="Font Size" selector="#%id%"/>
		<property name="font-weight" type="css-font-weight" displayName="Font Weight" selector="#%id%"/>
		<property name="font-style" type="css-font-style" displayName="Font Style" selector="#%id%"/>
		<property name="text-decoration" type="css-text-decoration" displayName="Text Decoration" selector="#%id%"/>
		<property name="color" type="css-color" displayName="Color" selector="#%id%"/>
	</property>
	<property name="data-icon"       type="tizen.searchfilterbar@icon" displayName="Icon" default=""
		tooltip="Defines an icon for a search bar"/>
	<property name="data-cancel-btn" type="boolean" displayName="Cancel Button" default="false"
		tooltip="Decide to draw cancel buton"/>

	<!-- <event name="ontap" displayName="Tap" eventType="event.defaultevent" /> 
	<event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
	<event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
	<event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
	<event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />-->
	<event name="onchange" displayName="Change" eventType="event.defaultevent" />

	<!-- <event name="oninput" displayName="Input" eventType="event.defaultevent" />
	<event name="oncreate" displayName="Create" eventType="event.defaultevent" />
	<event  name="onblur" displayName="Blur" eventType="event.defaultevent" />
	<event  name="onchange" displayName="Change" eventType="event.defaultevent" />
	<event  name="onfocus" displayName="Focus" eventType="event.defaultevent" />
	<event  name="onreset" displayName="Reset" eventType="event.defaultevent" />
	<event  name="onselect" displayName="Select" eventType="event.defaultevent" />
	<event  name="onsubmit" displayName="Submit" eventType="event.defaultevent" /> -->

	<xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
		<xsl:template match="tizen.searchfilterbar">
			<div>
				<xsl:call-template name="print-part-id"/>
				<input type="search">
					<xsl:apply-templates select="@*[name() != 'data-icon']" mode="simple-property"/>
					<xsl:if test="string-length(@data-icon) != 0">
						<xsl:apply-templates select="@data-icon" mode="simple-property"/>
					</xsl:if>
				</input>
			</div>
		</xsl:template>
	</xsl-for-output>
</widget>