<!--
 -
 - Licensed to the Apache Software Foundation (ASF) under one
 - or more contributor license agreements.  See the NOTICE file
 - distributed with this work for additional information
 - regarding copyright ownership.  The ASF licenses this file
 - to you under the Apache License, Version 2.0 (the
 - "License"); you may not use this file except in compliance
 - with the License.  You may obtain a copy of the License at
 -
 -   http://www.apache.org/licenses/LICENSE-2.0
 -
 - Unless required by applicable law or agreed to in writing,
 - software distributed under the License is distributed on an
 - "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 - KIND, either express or implied.  See the License for the
 - specific language governing permissions and limitations
 - under the License.
 -
 -->
<div>

    <form method="post"
          data-dojo-type="dijit/form/Form"
          data-dojo-attach-point="preferenceForm">
        <div class="clear">
            <label class="formLabel-labelCell tableContainer-labelCell" for="${id}_timeZone">Time zone:</label>
            <div id="${id}_timeZone"
                 class="formLabel-controlCell tableContainer-valueCell"
                 data-dojo-attach-point="timeZoneSelector"
                 data-dojo-type="qpid/common/TimeZoneSelector"
                 data-dojo-props="name: 'timeZone'"></div>
        </div>
        <div class="clear">
            <label class="formLabel-labelCell tableContainer-labelCell" for="${id}_updatePeriod">Update period:</label>
            <input id="${id}_updatePeriod"
                   class="formLabel-controlCell tableContainer-valueCell"
                   data-dojo-attach-point="updatePeriod"
                   data-dojo-type="dijit/form/NumberSpinner"
                   data-dojo-props="
                    name:'updatePeriod',
                    invalidMessage: 'Invalid value',
                    required: false,
                    smallDelta: 1,
                    value: 5,
                    constraints: {min:1,max:65535,places:0, pattern: '#####'}"/>
        </div>
        <div class="clear"></div>

        <div class="dijitDialogPaneActionBar">
            <input id="${id}_cancelButton"
                   data-dojo-attach-point="cancelButton"
                   data-dojo-type="dijit/form/Button"
                   type="button"
                   label="Cancel"/>
            <input id="${id}_saveButton"
                   type="submit"
                   data-dojo-type="dijit/form/Button"
                   data-dojo-props="label: 'Save'"
                   data-dojo-attach-point="saveButton"/>
        </div>

    </form>

</div>