RadDatePicker calender is not getting popup

[Omkar]

HI

Ihave to use   RadDatePicker  in my project for showing calender. for this i use following code.


<telerik:RadDatePicker ID="txtTargetDate1" Style="vertical-align: middle;" MinDate="2006-02-01"
                                runat="server" MaxDate="2099-12-16" Skin="Gray" Culture="English (United States)"
                                FocusedDate="2006-02-01" Width="136px" AutoPostBack="false">
                                <DateInput ID="DateInput3" runat="server" DateFormat="dd-MMM-yyyy" Height="20px"
                                    AutoPostBack="false" LabelCssClass="radLabelCss_Gray"
                                    Skin="Gray">
                                </DateInput>
                                <Calendar ID="Calendar3" runat="server" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"
                                    Skin="Gray">
                                </Calendar>
                                <DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
                            </telerik:RadDatePicker>

But using this I am not able to populate calender popup in my project.

what are changed require in the code to open popup.


Thanks In Advance
Omkar.

[Shinu]

Hi,

I have tried the same code removing all the CSS and skin that you have provided and its working fine at my end. Here is the sample code snippet I tried.

ASPX:

<telerik:RadDatePicker ID="txtTargetDate1" Style="vertical-align: middle;" MinDate="2006-02-01"
    runat="server" MaxDate="2099-12-16" Culture="English (United States)" FocusedDate="2006-02-01"
    Width="136px" AutoPostBack="false">
    <DateInput ID="DateInput3" runat="server" DateFormat="dd-MMM-yyyy" Height="20px"
        AutoPostBack="false">
    </DateInput>
    <Calendar ID="Calendar3" runat="server" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False"
        ViewSelectorText="x">
    </Calendar>
</telerik:RadDatePicker>

Thanks,
Shinu.

[Asutosh]

hi shinu 
i am using following code 
thats not working in my pagr to open calender popup
 <telerik:RadDatePicker TabIndex="1" ID="dtpSerfrom" MinDate="2014-01-01" runat="server" CssClass="span4" OnSelectedDateChanged="dtpSerfrom_SelectedDateChanged" AutoPostBack="True" Culture="en-US" FocusedDate="2006-01-01">
                                                            <Calendar runat="server" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False"></Calendar>
                                                            <DateInput runat="server" TabIndex="1" DisplayDateFormat="M/d/yyyy" DateFormat="M/d/yyyy" LabelWidth="40%" AutoPostBack="True">
                                                                <EmptyMessageStyle Resize="None"></EmptyMessageStyle>
                                                                <ReadOnlyStyle Resize="None"></ReadOnlyStyle>
                                                                <FocusedStyle Resize="None"></FocusedStyle>
                                                                <DisabledStyle Resize="None"></DisabledStyle>
                                                                <InvalidStyle Resize="None"></InvalidStyle>
                                                                <HoveredStyle Resize="None"></HoveredStyle>
                                                                <EnabledStyle Resize="None"></EnabledStyle>
                                                            </DateInput>
                                                            <DatePopupButton TabIndex="1"></DatePopupButton>
                                                        </telerik:RadDatePicker>

[Shinu]

Hi Asutosh,

The provided code is working fine at my end. Please take a look into this online demo and try to replicate the issue in this demo for further help.

Thanks,
Shinu.