datetime: Add color_class for internal controls.

Change-Id: I5db524f5c0041f65ee6c8c6bc4dff0caa213b760

4 files changed, 167 insertions, 3 deletions

diff --git a/mobile/color_classes.edc b/mobile/color_classes.edc
index 4332c284..e2160467 100644
--- a/mobile/color_classes.edc
+++ b/mobile/color_classes.edc
@@ -539,7 +539,46 @@ color_classes {
       color: 250 250 250 163;
    }
    color_class { "datetime/default/effect_ampm";
-      color: 0 0 0 77;
+      color: 255 0 0 30;
+   }
+   color_class { "datetime/time_layout/bg_spinner";
+      color: 0 0 0 0;
+   }
+   color_class { "datetime/default/icon";
+      color: 204 204 204 255;
+   }
+   color_class { "datetime/default/icon_pressed";
+      color: 250 250 250 255;
+   }
+   color_class { "datetime/default/icon_disabled";
+      color: 204 204 204 128;
+   }
+   color_class { "datetime/time_layout/icon";
+      color: 204 204 204 255;
+   }
+   color_class { "datetime/time_layout/icon_pressed";
+      color: 250 250 250 255;
+   }
+   color_class { "datetime/time_layout/icon_disabled";
+      color: 204 204 204 128;
+   }
+   color_class { "datetime/default/text";
+      color: 0 0 0 255;
+   }
+   color_class { "datetime/default/text_pressed";
+      color: 0 0 0 255;
+   }
+   color_class { "datetime/default/text_disabled";
+      color: 0 0 0 163;
+   }
+   color_class { "datetime/time_layout/text";
+      color: 0 0 0 255;
+   }
+   color_class { "datetime/time_layout/text_pressed";
+      color: 0 0 0 255;
+   }
+   color_class { "datetime/time_layout/text_disabled";
+      color: 0 0 0 163;
    }
 
    /*
diff --git a/mobile/efl-theme-tizen-mobile.edc b/mobile/efl-theme-tizen-mobile.edc
index 5b689598..f7ea62aa 100644
--- a/mobile/efl-theme-tizen-mobile.edc
+++ b/mobile/efl-theme-tizen-mobile.edc
@@ -89,7 +89,6 @@ collections {
 #include "widgets/calendar.edc"
 #include "widgets/conform.edc"
 #include "widgets/ctxpopup.edc"
-#include "widgets/datetime.edc"
 #include "widgets/flipselector.edc"
 #include "widgets/focus_highlight.edc"
 #include "widgets/genlist.edc"
@@ -103,6 +102,7 @@ collections {
 #include "widgets/entry.edc"
 #include "widgets/slider.edc"
 #include "widgets/spinner.edc"
+#include "widgets/datetime.edc"
 #include "widgets/colorselector.edc"
 #include "widgets/progressbar.edc"
 #include "widgets/check.edc"
diff --git a/mobile/widgets/datetime.edc b/mobile/widgets/datetime.edc
index 52e2175e..2deb111c 100644
--- a/mobile/widgets/datetime.edc
+++ b/mobile/widgets/datetime.edc
@@ -891,3 +891,129 @@ group { "elm/datetime/base/time_layout_24hr";
       }
    }
 }
+
+group { "elm/spinner/base/datetime/default";
+   alias: "elm/spinner/base/datetime/date_layout";
+   inherit: "elm/spinner/base/vertical_date_picker";
+}
+
+group { "elm/spinner/base/datetime/time_layout";
+   alias: "elm/spinner/base/datetime/time_layout_24hr";
+   inherit: "elm/spinner/base/vertical";
+   parts {
+      rect { "bg";
+         desc { "default";
+            color_class: "datetime/time_layout/bg_spinner";
+         }
+      }
+   }
+}
+
+group { "elm/button/base/spinner/increase/datetime/default";
+   alias: "elm/button/base/spinner/increase/datetime/date_layout";
+   inherit: "elm/button/base/spinner/increase/vertical";
+   parts {
+      image { "icon";
+         desc { "default";
+            color_class: "datetime/default/icon";
+         }
+         desc { "pressed";
+            color_class: "datetime/default/icon_pressed";
+         }
+         desc { "disabled";
+            color_class: "datetime/default/icon_disabled";
+         }
+      }
+   }
+}
+
+group { "elm/button/base/spinner/increase/datetime/time_layout";
+   alias: "elm/button/base/spinner/increase/datetime/time_layout_24hr";
+   inherit: "elm/button/base/spinner/increase/vertical";
+   parts {
+      image { "icon";
+         desc { "default";
+            color_class: "datetime/time_layout/icon";
+         }
+         desc { "pressed";
+            color_class: "datetime/time_layout/icon_pressed";
+         }
+         desc { "disabled";
+            color_class: "datetime/time_layout/icon_disabled";
+         }
+      }
+   }
+}
+
+
+group { "elm/button/base/spinner/decrease/datetime/default";
+   alias: "elm/button/base/spinner/decrease/datetime/date_layout";
+   inherit: "elm/button/base/spinner/decrease/vertical";
+   parts {
+      image { "icon";
+         desc { "default";
+            color_class: "datetime/default/icon";
+         }
+         desc { "pressed";
+            color_class: "datetime/default/icon_pressed";
+         }
+         desc { "disabled";
+            color_class: "datetime/default/icon_disabled";
+         }
+      }
+   }
+}
+
+group { "elm/button/base/spinner/decrease/datetime/time_layout";
+   alias: "elm/button/base/spinner/decrease/datetime/time_layout_24hr";
+   inherit: "elm/button/base/spinner/decrease/vertical";
+   parts {
+      image { "icon";
+         desc { "default";
+            color_class: "datetime/time_layout/icon";
+         }
+         desc { "pressed";
+            color_class: "datetime/time_layout/icon_pressed";
+         }
+         desc { "disabled";
+            color_class: "datetime/time_layout/icon_disabled";
+         }
+      }
+   }
+}
+
+group { "elm/button/base/spinner/datetime/default";
+   alias: "elm/button/base/spinner/datetime/date_layout";
+   inherit: "elm/button/base/spinner/vertical_date_picker";
+   parts {
+      text { "elm.text";
+         desc { "default";
+            color_class: "datetime/default/text";
+         }
+         desc { "pressed";
+            color_class: "datetime/default/text_pressed";
+         }
+         desc { "disabled";
+            color_class: "datetime/default/text_disabled";
+         }
+      }
+   }
+}
+
+group { "elm/button/base/spinner/datetime/time_layout";
+   alias: "elm/button/base/spinner/datetime/time_layout_24hr";
+   inherit: "elm/button/base/spinner/vertical";
+   parts {
+      text { "elm.text";
+         desc { "default";
+            color_class: "datetime/time_layout/text";
+         }
+         desc { "pressed";
+            color_class: "datetime/time_layout/text_pressed";
+         }
+         desc { "disabled";
+            color_class: "datetime/time_layout/text_disabled";
+         }
+      }
+   }
+}
diff --git a/mobile/widgets/spinner.edc b/mobile/widgets/spinner.edc
index 6450fdef..a83c608e 100644
--- a/mobile/widgets/spinner.edc
+++ b/mobile/widgets/spinner.edc
@@ -1091,7 +1091,6 @@ group { "elm/button/base/spinner/vertical_date_picker";
             min: 0 SPINNER_TEXT_HEIGHT_INC;
             max: -1 SPINNER_TEXT_HEIGHT_INC;
             fixed: 1 1;
-            color: 0 0 0 255;
             rel.to: "base";
             text {
                font: "BreezeSans:weight=Light";