<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="InputDate_Sample._Default" %>

<%@ Register Assembly="C1.Web.Wijmo.Controls.48" Namespace="C1.Web.Wijmo.Controls.C1Input" TagPrefix="wijmo" %>

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">

    <script>
        function toggleVisibility() {
            console.log("toggle");
            $("#<%= ShiftBeginDateText.ClientID %>").closest(".wijmo-wijinput").toggle();
        }

        function showControl() {
            console.log("show");
            $("#<%= ShiftBeginDateText.ClientID %>").closest(".wijmo-wijinput").show();
        }

        function hideControl() {
            console.log("hide");
            $("#<%= ShiftBeginDateText.ClientID %>").closest(".wijmo-wijinput").hide();
        }

        // Equivalent of get_visible()
        function isVisible() {
            console.log("is-visible");
            return $("#<%= ShiftBeginDateText.ClientID %>").closest(".wijmo-wijinput").is(":visible");
        }
    </script>

    <button type="button" onclick="toggleVisibility()">Toggle</button>
    <button type="button" onclick="showControl()">Show</button>
    <button type="button" onclick="hideControl()">Hide</button>

    <wijmo:C1InputDate ID="ShiftBeginDateText" runat="server"></wijmo:C1InputDate>

</asp:Content>
