tobago-example/tobago-example-demo/src/main/webapp/content/40-test/1041-date-tobagoConverter/Date_TobagoConverter.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<!--
 * 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.
-->

<ui:composition template="/main.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:tc="http://myfaces.apache.org/tobago/component"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
  <ui:param name="title" value="tc:convertDateTime"/>

  <tc:section label="Date">
    <tc:segmentLayout extraSmall="6seg">
      <tc:box label="MyFaces">
        <tc:date id="myfacesDateInput" label="Date" value="#{convertDateTimeController.myFacesDate}" labelLayout="top">
          <f:convertDateTime pattern="dd.MM.yyyy HH:mm:ss"/>
        </tc:date>
        <tc:out id="myfacesDateOutput" label="Output" value="#{convertDateTimeController.myFacesDate}">
          <f:convertDateTime pattern="dd.MM.yyyy HH:mm:ss"/>
        </tc:out>
      </tc:box>
      <tc:box label="Tobago">
        <tc:date id="tobagoDateInput" label="Date" value="#{convertDateTimeController.tobagoDate}" labelLayout="top">
          <tc:convertDateTime pattern="dd.MM.yyyy HH:mm:ss"/>
        </tc:date>
        <tc:out id="tobagoDateOutput" label="Output" value="#{convertDateTimeController.tobagoDate}">
          <tc:convertDateTime pattern="dd.MM.yyyy HH:mm:ss"/>
        </tc:out>
      </tc:box>
    </tc:segmentLayout>
  </tc:section>

  <tc:section label="Calendar">
    <tc:date id="calendarDate" label="Calendar" value="#{convertDateTimeController.calendar}">
      <tc:convertDateTime pattern="dd.MM.yyyy HH:mm:ss" type="calendar"/>
    </tc:date>
    <tc:out label="calendarOutput" value="#{convertDateTimeController.calendar}">
      <tc:convertDateTime pattern="dd.MM.yyyy HH:mm:ss" type="calendar"/>
    </tc:out>
  </tc:section>

  <tc:section label="LocalDate">
    <tc:segmentLayout extraSmall="6seg">
      <tc:box label="MyFaces 2.3">
        <tc:panel rendered="#{version.myfaces and version.version23}">
          <tc:date id="myfacesLocalDateInput" label="LocalDate" value="#{convertDateTimeController.myFacesLocalDate}"
                   labelLayout="top">
            <f:convertDateTime pattern="dd.MM.yyyy" type="localDate"/>
          </tc:date>
          <tc:out id="myfacesLocalDateOutput" label="Output" value="#{convertDateTimeController.myFacesLocalDate}">
            <f:convertDateTime pattern="dd.MM.yyyy" type="localDate"/>
          </tc:out>
        </tc:panel>
        <tc:panel rendered="#{!version.myfaces or !version.version23}">
          <p>MyFaces 2.3 not activated</p>
        </tc:panel>
      </tc:box>
      <tc:box label="Tobago">
        <tc:date id="tobagoLocalDateInput" label="LocalDate" value="#{convertDateTimeController.tobagoLocalDate}"
                 labelLayout="top">
          <tc:convertDateTime pattern="dd.MM.yyyy" type="localDate"/>
        </tc:date>
        <tc:out id="tobagoLocalDateOutput" label="Output" value="#{convertDateTimeController.tobagoLocalDate}">
          <tc:convertDateTime pattern="dd.MM.yyyy" type="localDate"/>
        </tc:out>
      </tc:box>
    </tc:segmentLayout>
  </tc:section>

  <tc:section label="LocalTime">
    <tc:segmentLayout extraSmall="6seg">
      <tc:box label="MyFaces 2.3">
        <tc:panel rendered="#{version.myfaces and version.version23}">
          <tc:date id="myfacesLocalTimeInput" label="LocalTime" value="#{convertDateTimeController.myFacesLocalTime}"
                   labelLayout="top">
            <f:convertDateTime pattern="HH:mm:ss" type="localTime"/>
          </tc:date>
          <tc:out id="myfacesLocalTimeOutput" label="Output" value="#{convertDateTimeController.myFacesLocalTime}">
            <f:convertDateTime pattern="HH:mm:ss" type="localTime"/>
          </tc:out>
        </tc:panel>
        <tc:panel rendered="#{!version.myfaces or !version.version23}">
          <p>MyFaces 2.3 not activated</p>
        </tc:panel>
      </tc:box>
      <tc:box label="Tobago">
        <tc:date id="tobagoLocalTimeInput" label="LocalTime" value="#{convertDateTimeController.tobagoLocalTime}"
                 labelLayout="top">
          <tc:convertDateTime pattern="HH:mm:ss" type="localTime"/>
        </tc:date>
        <tc:out id="tobagoLocalTimeOutput" label="Output" value="#{convertDateTimeController.tobagoLocalTime}">
          <tc:convertDateTime pattern="HH:mm:ss" type="localTime"/>
        </tc:out>
      </tc:box>
    </tc:segmentLayout>
  </tc:section>

  <tc:section label="LocalDateTime">
    <tc:segmentLayout extraSmall="6seg">
      <tc:box label="MyFaces 2.3">
        <tc:panel rendered="#{version.myfaces and version.version23}">
          <tc:date id="myfacesLocalDateTimeInput" label="LocalDateTime"
                   value="#{convertDateTimeController.myFacesLocalDateTime}"
                   labelLayout="top">
            <f:convertDateTime pattern="dd.MM.yyyy HH:mm:ss" type="localDateTime"/>
          </tc:date>
          <tc:out id="myfacesLocalDateTimeOutput" label="Output"
                  value="#{convertDateTimeController.myFacesLocalDateTime}">
            <f:convertDateTime pattern="dd.MM.yyyy HH:mm:ss" type="localDateTime"/>
          </tc:out>
        </tc:panel>
        <tc:panel rendered="#{!version.myfaces or !version.version23}">
          <p>MyFaces 2.3 not activated</p>
        </tc:panel>
      </tc:box>
      <tc:box label="Tobago">
        <tc:date id="tobagoLocalDateTimeInput" label="LocalDateTime"
                 value="#{convertDateTimeController.tobagoLocalDateTime}"
                 labelLayout="top">
          <tc:convertDateTime pattern="dd.MM.yyyy HH:mm:ss" type="localDateTime"/>
        </tc:date>
        <tc:out id="tobagoLocalDateTimeOutput" label="Output" value="#{convertDateTimeController.tobagoLocalDateTime}">
          <tc:convertDateTime pattern="dd.MM.yyyy HH:mm:ss" type="localDateTime"/>
        </tc:out>
      </tc:box>
    </tc:segmentLayout>
  </tc:section>

  <tc:section label="OffsetTime">
    <tc:segmentLayout extraSmall="6seg">
      <tc:box label="MyFaces 2.3">
        <tc:panel rendered="#{version.myfaces and version.version23}">
          <tc:date id="myfacesOffsetTimeInput" label="OffsetTime" value="#{convertDateTimeController.myFacesOffsetTime}"
                   labelLayout="top">
            <f:convertDateTime pattern="HH:mm:ss Z" type="offsetTime"/>
          </tc:date>
          <tc:out id="myfacesOffsetTimeOutput" label="Output" value="#{convertDateTimeController.myFacesOffsetTime}">
            <f:convertDateTime pattern="HH:mm:ss" type="offsetTime"/>
          </tc:out>
        </tc:panel>
        <tc:panel rendered="#{!version.myfaces or !version.version23}">
          <p>MyFaces 2.3 not activated</p>
        </tc:panel>
      </tc:box>
      <tc:box label="Tobago">
        <tc:date id="tobagoOffsetTimeInput" label="OffsetTime" value="#{convertDateTimeController.tobagoOffsetTime}"
                 labelLayout="top">
          <tc:convertDateTime pattern="HH:mm:ss Z" type="offsetTime"/>
        </tc:date>
        <tc:out id="tobagoOffsetTimeOutput" label="Output" value="#{convertDateTimeController.tobagoOffsetTime}">
          <tc:convertDateTime pattern="HH:mm:ss" type="offsetTime"/>
        </tc:out>
      </tc:box>
    </tc:segmentLayout>
  </tc:section>

  <tc:section label="OffsetDateTime">
    <tc:segmentLayout extraSmall="6seg">
      <tc:box label="MyFaces 2.3">
        <tc:panel rendered="#{version.myfaces and version.version23}">
          <tc:date id="myfacesOffsetDateTimeInput" label="OffsetDateTime"
                   value="#{convertDateTimeController.myFacesOffsetDateTime}"
                   labelLayout="top">
            <f:convertDateTime pattern="dd.MM.yyyy HH:mm:ss Z" type="offsetDateTime"/>
          </tc:date>
          <tc:out id="myfacesOffsetDateTimeOutput" label="Output"
                  value="#{convertDateTimeController.myFacesOffsetDateTime}">
            <f:convertDateTime pattern="dd.MM.yyyy HH:mm:ss" type="offsetDateTime"/>
          </tc:out>
        </tc:panel>
        <tc:panel rendered="#{!version.myfaces or !version.version23}">
          <p>MyFaces 2.3 not activated</p>
        </tc:panel>
      </tc:box>
      <tc:box label="Tobago">
        <tc:date id="tobagoOffsetDateTimeInput" label="OffsetDateTime"
                 value="#{convertDateTimeController.tobagoOffsetDateTime}"
                 labelLayout="top">
          <tc:convertDateTime pattern="dd.MM.yyyy HH:mm:ss Z" type="offsetDateTime"/>
        </tc:date>
        <tc:out id="tobagoOffsetDateTimeOutput" label="Output"
                value="#{convertDateTimeController.tobagoOffsetDateTime}">
          <tc:convertDateTime pattern="dd.MM.yyyy HH:mm:ss" type="offsetDateTime"/>
        </tc:out>
      </tc:box>
    </tc:segmentLayout>
  </tc:section>

  <tc:section label="ZonedDateTime">
    <tc:segmentLayout extraSmall="6seg">
      <tc:box label="MyFaces 2.3">
        <tc:panel rendered="#{version.myfaces and version.version23}">
          <tc:date id="myfacesZonedDateTimeInput" label="ZonedDateTime"
                   value="#{convertDateTimeController.myFacesZonedDateTime}"
                   labelLayout="top">
            <f:convertDateTime pattern="dd.MM.yyyy HH:mm:ss Z" type="zonedDateTime"/>
          </tc:date>
          <tc:out id="myfacesZonedDateTimeOutput" label="Output"
                  value="#{convertDateTimeController.myFacesZonedDateTime}">
            <f:convertDateTime pattern="dd.MM.yyyy HH:mm:ss" type="zonedDateTime"/>
          </tc:out>
        </tc:panel>
        <tc:panel rendered="#{!version.myfaces or !version.version23}">
          <p>MyFaces 2.3 not activated</p>
        </tc:panel>
      </tc:box>
      <tc:box label="Tobago">
        <tc:date id="tobagoZonedDateTimeInput" label="ZonedDateTime"
                 value="#{convertDateTimeController.tobagoZonedDateTime}"
                 labelLayout="top">
          <tc:convertDateTime pattern="dd.MM.yyyy HH:mm:ss Z" type="zonedDateTime"/>
        </tc:date>
        <tc:out id="tobagoZonedDateTimeOutput" label="Output" value="#{convertDateTimeController.tobagoZonedDateTime}">
          <tc:convertDateTime pattern="dd.MM.yyyy HH:mm:ss" type="zonedDateTime"/>
        </tc:out>
      </tc:box>
    </tc:segmentLayout>
  </tc:section>

  <tc:button id="submitButton" label="Submit"/>
</ui:composition>