TimeZoneEditorComponent

Represents the Kendo UI TimeZone Editor component for Angular.

Displays a ComboBox for selecting time zone names, used for editing the start and end time zones of Scheduler events.

html

<kendo-scheduler>
  <ng-template kendoSchedulerEditDialogTemplate>
   <div> Select Time Zone:
     <kendo-timezone-editor></kendo-timezone-editor>
   </div>
  </ng-template>
</kendo-scheduler>


## Selector
`kendo-timezone-editor`


## Inputs

<table class="api-table api-table-inputs">
<thead>
<tr>
<th class="th-name">Name</th>
<th class="th-type">Type</th>
<th class="th-default">Default</th>
<th class="th-desc">Description</th>
</tr>
</thead>
<tbody class="api-table-body">
<tr>
<td class="table-cell-name">


#### width


</td>
<td type class="table-cell-type">


<code>


number


</code>


</td>
<td class="table-cell-default">


<code>


260


</code>


</td>
<td class="table-cell-comment">


Specifies the width of the ComboBox that contains the names of the timezones.





</td>
</tr>
</tbody>
</table>




## Events

<table class="api-table api-table-events">
<thead>
<tr>
<th class="th-name">Name</th>
<th class="th-type">Type</th>
<th class="th-desc">Description</th>
</tr>
</thead>
<tbody class="api-table-body">
<tr>
<td class="table-cell-name">


#### valueChange


</td>
<td type class="table-cell-type">


<code>


[EventEmitter](link://eventemitter)&lt;string&gt;


</code>


</td>
<td class="table-cell-comment">


Fires when the value of the component has changed.


</td>
</tr>
</tbody>
</table>