CSS Datepicker | Bypeople

deals

premiumpacks & css datepicker (10 items)

Curated set of CSS Datepicker snippets featuring various effects like transitions, shadows, tooltips, and animations, as well as responsive designs. You'll find simple box datepickers and calendars to set dates and events. Use these as inspiration for your UI/UX projects.

freebies

A simple date picker made with JavaScript. It's lightweight, it has modular CSS classes for easy styling, and it has no dependencies. It weighs les...

A simple date picker made with JavaScript. It's lightweight, it has modular CSS classes for easy styling, and it has no dependencies. It weighs less than 5kb minified and gzipped.

A significant bootstrap date picker made in pure CSS, HTML and Javascript. The date picker was designed with bootstrap elements and the getDate met...

A significant bootstrap date picker made in pure CSS, HTML and Javascript. The date picker was designed with bootstrap elements and the getDate method. It features a transition animation when selecting the calendar and dates autocompletion.

This is a pretty little calendar design, perfect for event calendars and date pickers. The original PSD was created by Premium Pixels and it is the...

This is a pretty little calendar design, perfect for event calendars and date pickers. The original PSD was created by Premium Pixels and it is the perfect tool for bookings, meetings, to-do’s, events. With you can have your event calendars and date pickers, the design is clean and pretty enough to use as-is, yet it would welcome any number of tweaks.

4000+ Design Resources Megabundle, Only $19! 1.600+ PS Brushes, 2000 Vector Icons, 500 High-Res Patterns, Photoshop Actions, Professional Fonts, an...

4000+ Design Resources Megabundle, Only $19! 1.600+ PS Brushes, 2000 Vector Icons, 500 High-Res Patterns, Photoshop Actions, Professional Fonts, and Presentation Templates (97% Off)

This is a selection widget with a shiny indicator at the bottom. It has been implemented as a month picker, created with a set of labels and radio ...

This is a selection widget with a shiny indicator at the bottom. It has been implemented as a month picker, created with a set of labels and radio buttons using the :checked CSS3 selector. The original PSD was created by Liam McCabe, and although it is a good concept, it lacks functionality and it is not compatible with multiple browsers.

This code snippet creates a simple and beautiful date picker for you to use it as a widget on your website or blog. It is created with Sass/SCSS an...

This code snippet creates a simple and beautiful date picker for you to use it as a widget on your website or blog. It is created with Sass/SCSS and has been tested in Firefox 4, Safari 4, Chrome 13, Opera 10, IE 6 (and newer). It has a minimalistic style with clear typography and numbers. It also highlights the dates with special events in them. This experiment was created by CSSdeck's user Thibaut.

This experiment creates a nice date picker tooltip made with CSS and JavaScript, complemented with a flat design. It is composed of a general box, ...

This experiment creates a nice date picker tooltip made with CSS and JavaScript, complemented with a flat design. It is composed of a general box, including a text selector, the calendar for selecting the day (even though the selection is not active), and a ruler selector, so you can pick the hour of the day. It also shows the current day with the label "Today" instead of the number.

Ultimate PS Actions Pack: 2500 Photoshop Actions, Only $19! Huge Selection Of Styles Like Painting, Light Leaks, HDR, Bubble, Neon, Vintage, Duoton...

Ultimate PS Actions Pack: 2500 Photoshop Actions, Only $19! Huge Selection Of Styles Like Painting, Light Leaks, HDR, Bubble, Neon, Vintage, Duotone, and More. Bonus Vector Icons & Elements!

A pretty simple month selector, ideal for letting users select important dates or check the calendar. There are two ways to select, either hitting ...

A pretty simple month selector, ideal for letting users select important dates or check the calendar. There are two ways to select, either hitting the arrows on the upper side or just selecting the month from the group on the lower part. On this latter view, objects can barely be seen and become opaque again on hover.

Here we have a beautiful, minimal, dark, and compact calendar design that’s suited for pop-ups. It comes with delightful shadow effects and smooth ...

Here we have a beautiful, minimal, dark, and compact calendar design that’s suited for pop-ups. It comes with delightful shadow effects and smooth animations that will  make your users happy. The colors of the days and the labels gracefully integrate with the background. It was created in CSS under the original idea of Alexey Anatolievich.

CSSDeck's user p0larBoy brings this fantastic CSS3 calendar packed with subtle, yet impressive animations. The boxes represent a day, and they move...

CSSDeck's user p0larBoy brings this fantastic CSS3 calendar packed with subtle, yet impressive animations. The boxes represent a day, and they move in place when switching months, once we click on a particular day, the number on top fades away to give place to the one of our choice. These cool effects were achieved by using CSS and HTML only.

An extensive collection of design assets: From color palettes, icons, paper textures, engraving brushes, vectors, actions; to all kinds of template...

An extensive collection of design assets: From color palettes, icons, paper textures, engraving brushes, vectors, actions; to all kinds of templates and branding items. Only $19. Limited time offer, time is running out!

This is a plugin that uses jQuery for creating a UI plugin date picker with native mobile browser support. It a...

This is a plugin that uses jQuery for creating a UI plugin date picker with native mobile browser support. It allows you to select dates with the help of a little calendar, the time of the day, and both of them in the same field. It is created with very few lines of HTML, SCSS and JavaScript. It was created by Codepen's user Tri Nguyen.