how to implement, onclick on radio button datepicker has to appear otherwise it should be hidden.

Enclose the datepicker in div tags with id (i.e. datepicker-wrap) and assign a function to a onclick event of the radio button

function toggleVisibility(id) {

    var element = documentGetElementByID(id);
    element.style.visibility = element.style.visibility == 'hidden' ? 'visible' : 'hidden';
}

Or you can use jQuery toggle method.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.