FLUTTER ECOSYSTEM

jpmehedi/animated_horizontal_calendar

jpmehedi/animated_horizontal_calendar open-source repository details.

animated_horizontal_calendar project cover
Stars
6
Forks
6
Last push (UTC)
Feb 8, 2025
Project status
Active
MD MEHEDI HASAN GitHub avatar
GITHUB User

MD MEHEDI HASAN ↗

現在はAIによるコード生成が可能になっています。しかし、エンジニアとしての本当の価値は、単なる実装力ではなく、ドメイン知識にあります。つまり、ビジネスを理解し、顧客を理解し、そして「なぜその解決策が必要なのか」という背景を理解することこそが重要です。

コネクト株式会社Tokyo, JapanOfficial website ↗
LanguagesDartHTMLSwiftKotlinObjective-C

Packages published by this repository

Dependencies used

Dependency list 4 items

Original README

English project snapshot. Visit GitHub for the latest content.

Expand / collapse project README

animated_horizontal_calendar

A flutter plugin to show animated horizontal view of calendar with date picker.

Features

  • Select custom date with Date picker
  • CustomShape and style for Selected and unSelected Item.
  • Swipe behavior
  • Animated behavior

Getting Started

This project is a starting point for a Flutter plug-in package, a specialized package that includes platform-specific implementation code for Android and/or iOS.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

depandancy packeges

  • intl

App Demo

Edited_20210517_233106 Horizontal_Calender Edited_20210517_233106

Example

This plugin allow you to do custom styles and shapes for Selected and UnSelected dates

    Container(
        height: 100,
        child: AnimatedHorizontalCalendar(
        tableCalenderIcon: Icon(Icons.calendar_today, color: Colors.white,),
        date: DateTime.now(),
        textColor: Colors.black45,
        backgroundColor: Colors.white,
        tableCalenderThemeData:  ThemeData.light().copyWith(
            primaryColor: Colors.green,
            accentColor: Colors.red,
            colorScheme: ColorScheme.light(primary: Colors.green),
            buttonTheme: ButtonThemeData(textTheme: ButtonTextTheme.primary),
        ),
        selectedColor: Colors.redAccent,
        onDateSelected: (date){
        selectedDate = date;
        } 
      ),
    ),