Responsive calendar UI component
About
Very easy to use Calendar component with month picker for figma
Spending hard time on making calendar components for your UI design? Why waste time, this calendar component comes with a huge variations multi dimensional of properties packed that you can change the type, size, selection variants and much more with just a matter of few clicks.
What you need is to just paste one instance to your design file and all the variants are packed inside in a handy way. You can customize
- Type (As month to pick dates or Year to pick months)
- Size as standard 5 and 4 columns under standard 12 columns grid system
- Change the selection types of dates from Today, Hard selection a range selection etc
- Each date cell have it's own state properties (State properties can be applied even while the date is in an any selection state)
- None to 4 small dot indicators for each date cell (These can be used to highlight dates with special cases such as marking holidays, or assigning tasks
- State and selection states are available for any dots included date cells as well
- All the months are included (Pre-created) as properties for the year 2024 along with a custom month
Features
- Auto layout
- Organized and layered Fig file
- Made to standard 12 column bootstrap grid system
- Huge multi dimensional component variants
- All packed in one component as properties
- Pre created months for year 2024 as variants
Reviews
No reviews yet
Comments
FAQs
- How do I contact support?
For questions about this product, message the Shop Owner via their shop profile. For all other questions, like licensing or billing, visit our Help Center.
- How can I unzip product files?
PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.
Mac: Double click the .zip file, then search for the product folder or product file.
If you continue to have trouble, check out this help article for more tips.