calendar: Introduce Tizen 6.0 Common profile GUI.

Change-Id: I8b3d9a08e701f10572fbd6641114d4aff81f9118

4 files changed, 396 insertions, 73 deletions

diff --git a/common/HD-inc.edc b/common/HD-inc.edc
index 8b7a58e..a0390eb 100644
--- a/common/HD-inc.edc
+++ b/common/HD-inc.edc
@@ -624,8 +624,7 @@
 #define BUTTON_CIRCLE_PADDING_ICON_BOTTOM_INC 13
 #define BUTTON_CIRCLE_PADDING_TEXT_LEFT_RIGHT_INC 8
 
-#define BUTTON_CALENDAR_DATE_PICKER_LEFT_RIGHT_ARROW_WIDTH_INC 80
-#define BUTTON_CALENDAR_DATE_PICKER_LEFT_RIGHT_ARROW_HEIGHT_INC 80
+#define BUTTON_CALENDAR_LEFT_RIGHT_ARROW_SIZE_INC 9 16
 
 //****************************************************************************//
 // Multibuttonentry
@@ -834,23 +833,22 @@
 //****************************************************************************//
 // Calendar
 //****************************************************************************//
-#define CALENDAR_BG_MIN_SIZE_INC 546 678
-#define CALENDAR_BG_MAX_SIZE_INC -1 678
-#define CALENDAR_SPINNER_BASE_PADDING_MIN_SIZE_INC 17 0
-#define CALENDAR_SPINNER_BASE_MIN_SIZE_INC 546 120
-#define CALENDAR_SPINNER_BASE_MAX_SIZE_INC -1 120
-#define CALENDAR_TABLE_BASE_MIN_SIZE_INC 546 558
-#define CALENDAR_TABLE_BASE_MAX_SIZE_INC -1 558
-#define CALENDAR_HEADER_MIN_SIZE_INC 546 52
-#define CALENDAR_HEADER_MAX_SIZE_INC -1 52
-#define CALENDAR_HEADER_SEPARATOR_SIZE_INC 0 2
-#define CALENDAR_BASE_TOP_PADDING_SIZE_INC 0 16
-#define CALENDAR_BASE_BOTTOM_PADDING_SIZE_INC 0 20
-#define CALENDAR_DATE_PICKER_LEFT_RIGHT_ARROW_IMAGE_SIZE_INC 80 80
-#define CALENDAR_SELECTED_IMAGE_SIZE_INC 68 68
-#define CALENDAR_MONTH_TEXT_SIZE 50
-#define CALENDAR_DATE_TITLE_TEXT_SIZE 30
-#define CALENDAR_DATE_TEXT_SIZE 40
+#define CALENDAR_BG_MIN_SIZE_INC 542 470
+#define CALENDAR_BG_MAX_SIZE_INC -1 470
+#define CALENDAR_SPINNER_BASE_PADDING_MIN_SIZE_INC 22
+#define CALENDAR_SPINNER_BG_BOTTOM_PADDING_MIN_SIZE_INC 28
+#define CALENDAR_SPINNER_BASE_MIN_SIZE_INC 498 48
+#define CALENDAR_SPINNER_BASE_MAX_SIZE_INC -1 48
+#define CALENDAR_TABLE_BASE_MIN_SIZE_INC 498 345
+#define CALENDAR_TABLE_BASE_MAX_SIZE_INC -1 345
+#define CALENDAR_HEADER_MIN_SIZE_INC 498 30
+#define CALENDAR_HEADER_MAX_SIZE_INC -1 30
+#define CALENDAR_BASE_TOP_PADDING_SIZE_INC 0 20
+#define CALENDAR_DATE_PICKER_LEFT_RIGHT_ARROW_IMAGE_SIZE_INC 48 48
+#define CALENDAR_SELECTED_IMAGE_SIZE_INC 36 36
+#define CALENDAR_MONTH_TEXT_SIZE 26
+#define CALENDAR_DATE_TITLE_TEXT_SIZE 22
+#define CALENDAR_DATE_TEXT_SIZE 22
 
 //****************************************************************************//
 // Flipselector
diff --git a/common/HD/images/User_Input_Elements/core_date_picker_press.svg b/common/HD/images/User_Input_Elements/core_date_picker_press.svg
index eae1898..e6ebf63 100755
--- a/common/HD/images/User_Input_Elements/core_date_picker_press.svg
+++ b/common/HD/images/User_Input_Elements/core_date_picker_press.svg
@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>

-<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

-	 width="78px" height="78px" viewBox="0 0 78 78" enable-background="new 0 0 78 78" xml:space="preserve">

-<path fill="#FFFFFF" d="M40,2c20.986,0,38,17.013,38,38c0,20.988-17.014,38-38,38C19.013,78,2,60.988,2,40C2,19.013,19.013,2,40,2z"

-	/>

+	 width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">

+<path fill="#FFFFFF" d="M25.001,49c-13.233,0-24-10.767-24-24s10.767-24,24-24s24,10.767,24,24S38.234,49,25.001,49z M25.001,4

+	c-11.58,0-21,9.42-21,21c0,11.579,9.42,21,21,21c11.579,0,21-9.421,21-21C46.001,13.42,36.58,4,25.001,4z"/>

 </svg>

diff --git a/common/color_classes.edc b/common/color_classes.edc
index 582c56a..27c20ba 100644
--- a/common/color_classes.edc
+++ b/common/color_classes.edc
@@ -326,6 +326,42 @@ color_classes {
    color_class { "button/naviframe/more/icon_disabled";
       color: 195 202 210 255; // #C3CAD2 Opacity 1
    }
+   color_class { "button/calendar/back_btn/bg";
+      color: 0 0 0 0;
+   }
+   color_class { "button/calendar/back_btn/bg_pressed";
+      color: 0 0 0 0;
+   }
+   color_class { "button/calendar/back_btn/bg_disabled";
+      color: 0 0 0 0;
+   }
+   color_class { "button/calendar/next_btn/bg";
+      color: 0 0 0 0;
+   }
+   color_class { "button/calendar/next_btn/bg_pressed";
+      color: 0 0 0 0;
+   }
+   color_class { "button/calendar/next_btn/bg_disabled";
+      color: 0 0 0 0;
+   }
+   color_class { "button/calendar/back_btn/icon";
+      color: 10 14 74 255; // #000C2B Opacity 1
+   }
+   color_class { "button/calendar/back_btn/icon_pressed";
+      color: 10 14 74 255; // #000C2B Opacity 1
+   }
+   color_class { "button/calendar/back_btn/icon_disabled";
+      color: 195 202 210 255; // #C3CAD2 Opacity 1
+   }
+   color_class { "button/calendar/next_btn/icon";
+      color: 10 14 74 255; // #000C2B Opacity 1
+   }
+   color_class { "button/calendar/next_btn/icon_pressed";
+      color: 10 14 74 255; // #000C2B Opacity 1
+   }
+   color_class { "button/calendar/next_btn/icon_disabled";
+      color: 195 202 210 255; // #C3CAD2 Opacity 1
+   }
    color_class { "button/ampm/opacity"; // Csharp Opacity Property
       color: 255 255 255 255;
    }
@@ -378,35 +414,32 @@ color_classes {
    color_class { "calendar/default/bg";
       color: 0 0 0 0;
    }
-   color_class { "calendar/default/divider";
-      color: 61 184 204 38;
-   }
    color_class { "calendar/default/icon_selected";
-      color: 61 185 204 255;
+      color: 43 95 185 255;
    }
    color_class { "calendar/default/text_month";
-      color: 0 0 0 255;
+      color: 0 12 43 255;
    }
    color_class { "calendar/default/text_day";
-      color: 0 0 0 144;
+      color: 195 202 210 255;
    }
    color_class { "calendar/default/text_date";
-      color: 0 0 0 255;
+      color: 112 112 112 255;
    }
    color_class { "calendar/default/text_date_selected";
-      color: 255 255 255 255;
+      color: 112 112 112 255;
    }
    color_class { "calendar/default/text_date_pressed";
-      color: 250 250 250 255;
+      color: 112 112 112 255;
    }
    color_class { "calendar/default/text_date_disabled";
-      color: 0 0 0 56;
+      color: 195 202 210 255;
    }
    color_class { "calendar/default/text_sunday";
-      color: 204 61 61 255;
+      color: 170 24 24 255;
    }
    color_class { "calendar/default/text_sunday_disabled";
-      color: 204 61 61 56;
+      color: 170 24 24 56;
    }
    color_class { "calendar/default/bg_prev_button";
       color: 0 0 0 0;
diff --git a/common/widgets/calendar.edc b/common/widgets/calendar.edc
index 563e50f..a89bb1e 100644
--- a/common/widgets/calendar.edc
+++ b/common/widgets/calendar.edc
@@ -63,22 +63,22 @@ group { "elm/calendar/base/template";
 
 #define CIT_STYLES\
       style { name: "calendar_date_style";\
-         base: "font=Tizen:weight=Light font_size="CALENDAR_DATE_TEXT_SIZE" color=#FFF color_class=calendar/default/text_date align=center text_class=tizen";\
+         base: "font=Tizen:weight=Regular font_size="CALENDAR_DATE_TEXT_SIZE" color=#FFF color_class=calendar/default/text_date align=center text_class=tizen";\
       }\
       style { name: "calendar_date_selected_style";\
-         base: "font=Tizen:weight=Light font_size="CALENDAR_DATE_TEXT_SIZE" color=#FFF color_class=calendar/default/text_date_selected align=center text_class=tizen";\
+         base: "font=Tizen:weight=Regular font_size="CALENDAR_DATE_TEXT_SIZE" color=#FFF color_class=calendar/default/text_date_selected align=center text_class=tizen";\
       }\
       style { name: "calendar_date_hilighted_style";\
-         base: "font=Tizen:weight=Light font_size="CALENDAR_DATE_TEXT_SIZE" color=#FFF color_class=calendar/default/text_date_pressed align=center text_class=tizen";\
+         base: "font=Tizen:weight=Bold font_size="CALENDAR_DATE_TEXT_SIZE" color=#FFF color_class=calendar/default/text_date_pressed align=center text_class=tizen";\
       }\
       style { name: "calendar_date_disabled_style";\
-         base: "font=Tizen:weight=Light font_size="CALENDAR_DATE_TEXT_SIZE" color=#FFF color_class=calendar/default/text_date_disabled align=center text_class=tizen";\
+         base: "font=Tizen:weight=Regular font_size="CALENDAR_DATE_TEXT_SIZE" color=#FFF color_class=calendar/default/text_date_disabled align=center text_class=tizen";\
       }\
       style { name: "calendar_date_holiday_style";\
-         base: "font=Tizen:weight=Light font_size="CALENDAR_DATE_TEXT_SIZE" color=#FFF color_class=calendar/default/text_sunday align=center text_class=tizen";\
+         base: "font=Tizen:weight=Regular font_size="CALENDAR_DATE_TEXT_SIZE" color=#FFF color_class=calendar/default/text_sunday align=center text_class=tizen";\
       }\
       style { name: "calendar_date_holiday_disabled_style";\
-         base: "font=Tizen:weight=Light font_size="CALENDAR_DATE_TEXT_SIZE" color=#FFF color_class=calendar/default/text_sunday_disabled align=center text_class=tizen";\
+         base: "font=Tizen:weight=Regular font_size="CALENDAR_DATE_TEXT_SIZE" color=#FFF color_class=calendar/default/text_sunday_disabled align=center text_class=tizen";\
       }\
 
 #define CAL_SPIN(_sufix, _signal_sufix, _text, _relative)\
@@ -215,7 +215,7 @@ group { "elm/calendar/base/template";
          rel1.to: "ch_"#_pos".base"; \
          rel2.to: "ch_"#_pos".base"; \
          color_class: "calendar/default/text_day";\
-         text { font: "Tizen:weight=Light"; size: CALENDAR_DATE_TITLE_TEXT_SIZE; \
+         text { font: "Tizen:weight=Regular"; size: CALENDAR_DATE_TITLE_TEXT_SIZE; \
             min: 1 1; \
             ellipsis: -1; \
          } \
@@ -546,12 +546,25 @@ group { name: "elm/calendar/base/default";
             color_class: "calendar/default/bg";
          }
       }
+      spacer { "padding_spinner_top";
+         scale;
+         desc { "default";
+            fixed: 1 1;
+            align: 0.5 0.0;
+            min: 0 CALENDAR_SPINNER_BASE_PADDING_MIN_SIZE_INC;
+            rel1.to: "base";
+            rel2 {
+               to: "base";
+               relative: 1.0 0.0;
+            }
+         }
+      }
       spacer { "padding_spinner_left";
          scale;
          desc { "default";
             fixed: 1 1;
             align: 0.0 0.5;
-            min: CALENDAR_SPINNER_BASE_PADDING_MIN_SIZE_INC;
+            min: CALENDAR_SPINNER_BASE_PADDING_MIN_SIZE_INC 0;
             rel1.to: "base";
             rel2 {
                to: "base";
@@ -564,7 +577,7 @@ group { name: "elm/calendar/base/default";
          desc { "default";
             fixed: 1 1;
             align: 1.0 0.5;
-            min: CALENDAR_SPINNER_BASE_PADDING_MIN_SIZE_INC;
+            min: CALENDAR_SPINNER_BASE_PADDING_MIN_SIZE_INC 0;
             rel1 {
                to: "base";
                relative: 1.0 0.0;
@@ -579,26 +592,50 @@ group { name: "elm/calendar/base/default";
             max: CALENDAR_SPINNER_BASE_MAX_SIZE_INC;
             rel1 {
                to_x: "padding_spinner_left";
-               to_y: "base";
-               relative: 1.0 0.0;
+               to_y: "padding_spinner_top";
+               relative: 1.0 1.0;
             }
             rel2 {
                to_x: "padding_spinner_right";
-               to_y: "base";
+               to_y: "padding_spinner_top";
                relative: 0.0 1.0;
             }
             align: 0.5 0.0;
          }
       }
+      spacer { "padding_bg_spinner_bottom";
+         scale;
+         desc { "default";
+            fixed: 1 1;
+            align: 0.5 0.0;
+            min: 0 CALENDAR_SPINNER_BG_BOTTOM_PADDING_MIN_SIZE_INC;
+            rel1 {
+               to_x: "padding_spinner_left";
+               to_y: "bg_spinner";
+               relative: 1.0 1.0;
+            }
+            rel2 {
+               to_x: "padding_spinner_right";
+               to_y: "bg_spinner";
+               relative: 0.0 1.0;
+            }
+         }
+      }
       spacer { "bg_table";
          scale;
          desc { "default";
             min: CALENDAR_TABLE_BASE_MIN_SIZE_INC;
             max: CALENDAR_TABLE_BASE_MAX_SIZE_INC;
-            rel1.to_x: "base";
-            rel1.to_y: "bg_spinner";
-            rel1.relative: 0.0 1.0;
-            rel2.to: "base";
+            rel1 {
+               to_x: "padding_spinner_left";
+               to_y: "padding_bg_spinner_bottom";
+               relative: 1.0 1.0;
+            }
+            rel2 {
+               to_x: "padding_spinner_right";
+               to_y: "padding_bg_spinner_bottom";
+               relative: 0.0 1.0;
+            }
             align: 0.5 0.0;
          }
       }
@@ -612,28 +649,21 @@ group { name: "elm/calendar/base/default";
             align: 0.5 0.0;
          }
       }
-      rect { "separator_header";
-         scale;
-         desc { "default";
-            fixed: 1 1;
-            min: CALENDAR_HEADER_SEPARATOR_SIZE_INC;
-            rel1.to: "header";
-            rel1.relative: 0.0 1.0;
-            rel2.to: "header";
-            color_class: "calendar/default/divider";
-            align: 0.5 0.0;
-         }
-      }
       spacer { "padding_top";
          scale;
          desc { "default";
             fixed: 0 1;
             min: CALENDAR_BASE_TOP_PADDING_SIZE_INC;
-            rel1.to_x: "base";
-            rel1.to_y: "separator_header";
-            rel1.relative: 0.0 1.0;
-            rel2.to_x: "base";
-            rel2.to_y: "separator_header";
+            rel1 {
+               to_x: "padding_spinner_left";
+               to_y: "header";
+               relative: 1.0 1.0;
+            }
+            rel2 {
+               to_x: "padding_spinner_right";
+               to_y: "header";
+               relative: 0.0 1.0;
+            }
             align: 0.5 0.0;
          }
       }
@@ -653,11 +683,18 @@ group { name: "elm/calendar/base/default";
          scale;
          desc { "default";
             fixed: 0 1;
-            min: CALENDAR_BASE_BOTTOM_PADDING_SIZE_INC;
-            rel1.to: "base";
-            rel1.relative: 0.0 1.0;
-            rel2.to: "base";
-            align: 0.5 1.0;
+            min: 0 CALENDAR_SPINNER_BASE_PADDING_MIN_SIZE_INC;
+            rel1 {
+               to_x: "padding_spinner_left";
+               to_y: "bg_table";
+               relative: 1.0 1.0;
+            }
+            rel2 {
+               to_x: "padding_spinner_right";
+               to_y: "bg_table";
+               relative: 0.0 1.0;
+            }
+            align: 0.5 0.0;
          }
       }
 
@@ -697,3 +734,258 @@ group { name: "elm/calendar/base/default";
 #undef CAL_SPIN
 #undef CIT
 #undef CH
+
+#define IGNORE_FLAGS_NONE 0
+#define IGNORE_FLAGS_ON_HOLD 1
+
+#define BUTTON_TRANSITION_EASY_IN(duration) CUBIC_BEZIER (duration) 0.42 0 1 1
+
+#define PROGRAM_NAME_GET(program_name, part, state) program_name"_"part"_go_"state
+
+#define MAKE_PROGRAM_RUN_TRANSITION(program_name, part, state, tran) \
+         program { program_name"_"part"_go_"state; \
+            action: STATE_SET state; \
+            target: part; \
+            transition: tran; \
+         }
+
+#define BUTTON_CALENDAR_BUTTON_DURATION_DEFAULT_TO_PRESSED 0.4
+#define BUTTON_CALENDAR_BUTTON_DURATION_PRESSED_TO_DEFAULT 0.0001
+
+group { "elm/button/base/calendar/decrease/default";
+   images {
+      vector: "core_icon_back.svg";
+      vector: "core_icon_back_pressed.svg";
+   }
+   parts {
+      spacer { "base";
+         scale;
+         desc { "default";
+            min: CALENDAR_DATE_PICKER_LEFT_RIGHT_ARROW_IMAGE_SIZE_INC;
+            max: CALENDAR_DATE_PICKER_LEFT_RIGHT_ARROW_IMAGE_SIZE_INC;
+         }
+      }
+      rect { "bg";
+         desc { "default";
+            rel.to: "base";
+            color_class: "button/calendar/back_btn/bg";
+         }
+         desc { "pressed";
+            inherit: "default";
+            color_class: "button/calendar/back_btn/bg_pressed";
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "button/calendar/back_btn/bg_disabled";
+         }
+      }
+      vector { "content";
+         clip: "clipper_content";
+         scale;
+         desc { "default";
+            rel.to: "base";
+            min: BUTTON_CALENDAR_LEFT_RIGHT_ARROW_SIZE_INC;
+            max: BUTTON_CALENDAR_LEFT_RIGHT_ARROW_SIZE_INC;
+            fixed: 1 1;
+            image.normal: "core_icon_back.svg";
+         }
+         desc { "pressed";
+            inherit: "default";
+            min: BUTTON_CALENDAR_LEFT_RIGHT_ARROW_SIZE_INC;
+            max: BUTTON_CALENDAR_LEFT_RIGHT_ARROW_SIZE_INC;
+            image.normal: "core_icon_back_pressed.svg";
+         }
+         desc { "disabled";
+            inherit: "default";
+         }
+      }
+      rect { "clipper_content";
+         desc { "default";
+            rel.to: "content";
+            color_class: "button/naviframe/back_btn/icon";
+         }
+         desc { "pressed";
+            inherit: "default";
+            color_class: "button/naviframe/back_btn/icon_pressed";
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "button/naviframe/back_btn/icon_disabled";
+         }
+      }
+      rect { "event";
+         desc { "default";
+            color: 0 0 0 0;
+            rel.to: "base";
+         }
+         desc { "disabled";
+            inherit: "default";
+         }
+      }
+   }
+   inherit: "elm/button/event/default";
+   script {
+      public mouse_down = 0;
+      public multi_down = 0;
+      public disabled = 0;
+      public animate = 0;
+
+      public delay_unpressed_timer_id = 0;
+      public delay_unpressed_timer(val) {
+         if (get_int(disabled) == 0) {
+            run_program(PROGRAM:PROGRAM_NAME_GET("unpressed_effect" ,"bg", "default"));
+            run_program(PROGRAM:PROGRAM_NAME_GET("unpressed_effect", "content", "default"));
+            run_program(PROGRAM:PROGRAM_NAME_GET("unpressed_effect", "clipper_content", "default"));
+         }
+         cancel_timer(delay_unpressed_timer_id);
+      }
+   }
+   program_remove: "clicked";
+   programs {
+      program { "load";
+         signal: "load";
+         source: "";
+         script {
+            set_ignore_flags(PART:"event", IGNORE_FLAGS_ON_HOLD);
+         }
+      }
+      program { "on_pressed";
+         script {
+            if ((get_int(multi_down) == 0) && (get_int(mouse_down) == 0) && (get_int(disabled) == 0)) {
+               cancel_timer(delay_unpressed_timer_id);
+               set_ignore_flags(PART:"event", IGNORE_FLAGS_NONE);
+               set_int(mouse_down, 1);
+               set_int(animate, 1);
+
+               run_program(PROGRAM:PROGRAM_NAME_GET("pressed_effect", "bg", "pressed"));
+               run_program(PROGRAM:PROGRAM_NAME_GET("pressed_effect", "content", "pressed"));
+               run_program(PROGRAM:PROGRAM_NAME_GET("pressed_effect", "clipper_content", "pressed"));
+            }
+         }
+      }
+      //Pressed Effect Animation
+      MAKE_PROGRAM_RUN_TRANSITION("pressed_effect", "bg", "pressed", BUTTON_TRANSITION_EASY_IN(BUTTON_CALENDAR_BACK_DURATION_DEFAULT_TO_PRESSED))
+      MAKE_PROGRAM_RUN_TRANSITION("pressed_effect", "content", "pressed", BUTTON_TRANSITION_EASY_IN(BUTTON_CALENDAR_BACK_DURATION_DEFAULT_TO_PRESSED))
+      MAKE_PROGRAM_RUN_TRANSITION("pressed_effect", "clipper_content", "pressed", BUTTON_TRANSITION_EASY_IN(BUTTON_CALENDAR_BACK_DURATION_DEFAULT_TO_PRESSED))
+
+      program { "on_unpressed";
+         script {
+         new timer_id;
+         if (get_int(mouse_down) == 1) {
+            set_int(mouse_down, 0);
+            set_ignore_flags(PART:"event", IGNORE_FLAGS_ON_HOLD);
+            if (get_int(animate) == 0) {
+                  emit("elm,action,unpress", "");
+
+                  timer_id = timer(0.001, "delay_unpressed_timer", 1);
+                  set_int(delay_unpressed_timer_id, timer_id);
+               } else {
+                  timer_id = timer(0.001, "delay_unpressed_timer", 1);
+                  set_int(delay_unpressed_timer_id, timer_id);
+               }
+            }
+         }
+      }
+      //Unpressed Effect Animation
+      MAKE_PROGRAM_RUN_TRANSITION("unpressed_effect", "bg", "default", BUTTON_TRANSITION_EASY_IN(BUTTON_CALENDAR_BACK_DURATION_PRESSED_TO_DEFAULT))
+      MAKE_PROGRAM_RUN_TRANSITION("unpressed_effect", "content", "default", BUTTON_TRANSITION_EASY_IN(BUTTON_CALENDAR_BACK_DURATION_PRESSED_TO_DEFAULT))
+      MAKE_PROGRAM_RUN_TRANSITION("unpressed_effect", "clipper_content", "default", BUTTON_TRANSITION_EASY_IN(BUTTON_CALENDAR_BACK_DURATION_PRESSED_TO_DEFAULT))
+
+      //Unpressed and Disabled Effect Animation
+      MAKE_PROGRAM_RUN_TRANSITION("unpressed_effect", "bg", "disabled", BUTTON_TRANSITION_EASY_IN(BUTTON_CALENDAR_BACK_DURATION_PRESSED_TO_DEFAULT))
+      MAKE_PROGRAM_RUN_TRANSITION("unpressed_effect", "content", "disabled", BUTTON_TRANSITION_EASY_IN(BUTTON_CALENDAR_BACK_DURATION_PRESSED_TO_DEFAULT))
+      MAKE_PROGRAM_RUN_TRANSITION("unpressed_effect", "clipper_content", "disabled", BUTTON_TRANSITION_EASY_IN(BUTTON_CALENDAR_BACK_DURATION_PRESSED_TO_DEFAULT))
+
+      program { "clicked";
+         signal: "mouse,clicked,1";
+         source: "event";
+         script {
+            if (get_int(multi_down) == 0) {
+               if (get_int(disabled) == 0) {
+                  run_program(PROGRAM:"touch_sound");
+                  run_program(PROGRAM:"clicked_signal");
+               }
+            }
+         }
+      }
+      program { "touch_sound";
+         action: RUN_PLUGIN "touch_sound";
+      }
+      program { "clicked_signal";
+         in: 0.001 0.0;
+         action: SIGNAL_EMIT "elm,action,click" "";
+      }
+      program { "on_enabled";
+         script {
+            set_int(disabled, 0);
+            set_state(PART:"bg", "default", 0.0);
+            set_state(PART:"content", "default", 0.0);
+            set_state(PART:"clipper_content", "default", 0.0);
+         }
+      }
+      program { "on_disabled";
+         script {
+            set_int(disabled, 1);
+            if (get_int(animate) == 1) return;
+            set_state(PART:"bg", "disabled", 0.0);
+            set_state(PART:"content", "disabled", 0.0);
+            set_state(PART:"clipper_content", "disabled", 0.0);
+         }
+      }
+      program { "multi_down";
+         signal: "elm,action,multi,down";
+         source: "elm";
+         script {
+            set_int(multi_down, 1);
+         }
+      }
+      program { "multi_up";
+         signal: "elm,action,multi,up";
+         source: "elm";
+         script {
+            set_int(multi_down, 0);
+         }
+      }
+   }
+}
+
+group { "elm/button/base/calendar/increase/default";
+   inherit: "elm/button/base/calendar/decrease/default";
+   parts {
+      rect { "bg";
+         desc { "default";
+            color_class: "button/calendar/next_btn/bg";
+         }
+         desc { "pressed";
+            color_class: "button/calendar/next_btn/bg_pressed";
+         }
+         desc { "disabled";
+            color_class: "button/calendar/next_btn/bg_disabled";
+         }
+      }
+      vector { "content";
+         desc { "default";
+            image.normal: "core_icon_back.svg";
+         }
+         desc { "pressed";
+            image.normal: "core_icon_back_pressed.svg";
+         }
+      }
+      rect { "clipper_content";
+         desc { "default";
+            color_class: "button/naviframe/next_btn/icon";
+         }
+         desc { "pressed";
+            inherit: "default";
+            color_class: "button/naviframe/next_btn/icon_pressed";
+         }
+         desc { "disabled";
+            inherit: "default";
+            color_class: "button/naviframe/next_btn/icon_disabled";
+         }
+      }
+   }
+}
+
+#undef BUTTON_CALENDAR_BACK_DURATION_DEFAULT_TO_PRESSED
+#undef BUTTON_CALENDAR_BACK_DURATION_PRESSED_TO_DEFAULT