themes/widgets/datetime.edc

   1 /*
   2  * efl-theme-tizen
   3  * Copyright (c) 2012-2013 Samsung Electronics Co., Ltd.
   4  *
   5  * Licensed under the Apache License, Version 2.0 (the License);
   6  * you may not use this file except in compliance with the License.
   7  * You may obtain a copy of the License at
   8  *
   9  *     http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  * Unless required by applicable law or agreed to in writing, software
  12  * distributed under the License is distributed on an AS IS BASIS,
  13  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  * See the License for the specific language governing permissions and
  15  * limitations under the License.
  16  */
  17
  18
  19 ///////////////////////////////////////////////////////////////////////////////
  20 // datetime
  21 ///////////////////////////////////////////////////////////////////////////////
  22
  23 #define DATETIME_PADDING(_pos, prev_part) \
  24    part {\
  25       name: "picker.padding"#_pos; \
  26       type: RECT; \
  27       scale: 1;\
  28       clip_to: "clipper";\
  29       description { state: "default" 0.0; \
  30          color: 0 0 0 0;\
  31          min: 0 0;\
  32          align: 0.0 0.5;\
  33          fixed: 1 0;\
  34          rel1 {\
  35             relative: 1.0 0.0;\
  36             to: prev_part;\
  37          }\
  38          rel2 {\
  39             relative: 1.0 1.0;\
  40             to: prev_part;\
  41          }\
  42       }\
  43       description { state: "enable" 0.0;\
  44          inherit: "default" 0.0;\
  45          min: DATETIME_FIELD_PICKER_PADDING_SIZE_INC;\
  46       }\
  47    }\
  48    part {\
  49       name: "left.padding"#_pos; \
  50       type: RECT; \
  51       scale: 1;\
  52       clip_to: "clipper";\
  53       mouse_events: 0;\
  54       description { state: "default" 0.0; \
  55          color: 0 0 0 0;\
  56          min: 0 0;\
  57          visible: 0;\
  58          align: 0.0 0.5;\
  59          fixed: 1 0;\
  60          rel1 {\
  61             relative: 1.0 0.0;\
  62             to: "picker.padding"#_pos;\
  63          }\
  64          rel2 {\
  65             relative: 1.0 1.0;\
  66             to: "picker.padding"#_pos;\
  67          }\
  68       }\
  69       description { state: "enable" 0.0;\
  70          inherit: "default" 0.0;\
  71          min: DATETIME_FIELD_LEFT_PADDING_SIZE_INC;\
  72       }\
  73    }\
  74    part {\
  75       name: "right.padding"#_pos; \
  76       type: RECT;\
  77       scale: 1;\
  78       clip_to: "clipper";\
  79       mouse_events: 0;\
  80       description {\
  81          state: "default" 0.0;\
  82          color: 0 0 0 0;\
  83          visible: 0;\
  84          min: 0 0;\
  85          align: 0.0 0.5;\
  86          fixed: 1 0;\
  87          rel1 {\
  88             relative: 1.0 0.0;\
  89             to: "field"#_pos;\
  90          }\
  91          rel2 {\
  92             relative: 1.0 1.0;\
  93             to: "field"#_pos;\
  94          }\
  95       }\
  96       description { state: "enable" 0.0;\
  97          inherit: "default" 0.0;\
  98          min: DATETIME_FIELD_RIGHT_PADDING_SIZE_INC;\
  99       }\
 100    }\
 101    programs{\
 102       program {\
 103          name: "field_"#_pos"enabled";\
 104          signal: "field"#_pos",enable";\
 105          source: "elm";\
 106          action: STATE_SET "enable" 0.0;\
 107          target: "left.padding"#_pos;\
 108          target: "right.padding"#_pos;\
 109          target: "field"#_pos;\
 110       }\
 111       program {\
 112          name: "field_"#_pos"disabled";\
 113          signal: "field"#_pos",disable";\
 114          source: "elm";\
 115          action: STATE_SET "default" 0.0;\
 116          target: "left.padding"#_pos;\
 117          target: "right.padding"#_pos;\
 118          target: "field"#_pos;\
 119       }\
 120    }
 121
 122 #define DATETIME_FIELD(_pos) \
 123    part {\
 124       name: "field"#_pos; \
 125       type: SWALLOW; \
 126       scale: 1;\
 127       clip_to: "clipper";\
 128       repeat_events: 1;\
 129       description { state: "default" 0.0; \
 130          visible: 0;\
 131          min: 0 0;\
 132          align: 0.0 0.5;\
 133          fixed: 1 0;\
 134          rel1 {\
 135             relative: 1.0 0.0;\
 136             to: "left.padding"#_pos;\
 137          }\
 138          rel2 {\
 139             relative: 1.0 1.0;\
 140             to: "left.padding"#_pos;\
 141          }\
 142       }\
 143       description { state: "enable" 0.0;\
 144          inherit: "default" 0.0;\
 145          visible: 1;\
 146          min: DATETIME_FIELD_MIN_SIZE_INC;\
 147       }\
 148    }\
 149    part {\
 150       name: "separator"#_pos; \
 151       type: TEXT;\
 152       scale: 1;\
 153       clip_to: "clipper";\
 154       mouse_events: 0;\
 155       description {\
 156          state: "default" 0.0;\
 157          visible: 0;\
 158          min: 0 0;\
 159          align: 0.0 0.5;\
 160          fixed: 1 0;\
 161          rel1 {\
 162             relative: 1.0 0.0;\
 163             to: "right.padding"#_pos;\
 164          }\
 165          rel2 {\
 166             relative: 1.0 1.0;\
 167             to: "right.padding"#_pos;\
 168          }\
 169          color: DATETIME_SEPARATOR_TEXT_COLOR_INC;\
 170          text {\
 171             font: "Tizen:style=Regular";\
 172             size: DATETIME_SEPARATOR_TEXT_FONT_SIZE_INC;\
 173             min: 1 0; \
 174             text_class: "tizen";\
 175          }\
 176       }\
 177       description { state: "enable" 0.0;\
 178          inherit: "default" 0.0;\
 179          visible: 1;\
 180          min: DATETIME_SEPARATOR_MIN_SIZE_INC;\
 181       }\
 182    }\
 183    programs{\
 184       program {\
 185          name: "separator"#_pos",enabled";\
 186          signal: "field"#_pos",separator,enable";\
 187          source: "elm";\
 188          action: STATE_SET "enable" 0.0;\
 189          target: "separator"#_pos;\
 190       }\
 191       program {\
 192          name: "separator"#_pos",disabled";\
 193          signal: "field"#_pos",separator,disable";\
 194          source: "elm";\
 195          action: STATE_SET "default" 0.0;\
 196          target: "separator"#_pos;\
 197       }\
 198    }
 199
 200 #define DATETIME_PICKER_PADDING_PROGRAMS \
 201       program {\
 202          name: "datepicker_starting_field2_padding";\
 203          signal: "datepicker,starting,field2";\
 204          source: "elm";\
 205          script {\
 206             set_state(PART:"picker.padding2", "enable", 0.0);\
 207             set_state(PART:"picker.padding3", "default", 0.0);\
 208          }\
 209       }\
 210       program {\
 211          name: "datepicker_starting_field3_padding";\
 212          signal: "datepicker,starting,field3";\
 213          source: "elm";\
 214          script {\
 215             set_state(PART:"picker.padding3", "enable", 0.0);\
 216             set_state(PART:"picker.padding2", "default", 0.0);\
 217          }\
 218       }\
 219       program {\
 220          name: "timepicker_starting_field3_padding";\
 221          signal: "timepicker,starting,field3";\
 222          source: "elm";\
 223          script {\
 224             set_state(PART:"picker.padding2", "default", 0.0);\
 225             set_state(PART:"picker.padding3", "enable", 0.0);\
 226          }\
 227       }\
 228       program {\
 229          name: "timepicker_starting_field0_padding";\
 230          signal: "timepicker,starting,field0";\
 231          source: "elm";\
 232          action: STATE_SET "default" 0.0;\
 233          target: "picker.padding0";\
 234       }\
 235       program {\
 236          name: "datepicker_starting_field1_padding";\
 237          signal: "datepicker,starting,field1";\
 238          source: "elm";\
 239          action: STATE_SET "default" 0.0;\
 240          target: "picker.padding0";\
 241          target: "picker.padding2";\
 242          target: "picker.padding3";\
 243       }\
 244       program {\
 245          name: "datepicker_starting_field4_padding";\
 246          signal: "datepicker,starting,field4";\
 247          source: "elm";\
 248          action: STATE_SET "default" 0.0;\
 249          target: "picker.padding0";\
 250          target: "picker.padding2";\
 251          target: "picker.padding3";\
 252       }
 253
 254
 255 #define DATETIME_DATEPICKER_BG \
 256    part {\
 257       name: "date.picker.left.pad"; \
 258       type: RECT;\
 259       scale: 1;\
 260       description { state: "default" 0.0; \
 261          min: 0 0;\
 262          visible: 0;\
 263          align: 1.0 0.5; \
 264          fixed: 1 0;\
 265          rel1 {\
 266             relative: 0.0 0.0;\
 267             to: "left.padding0";\
 268          }\
 269          rel2 {\
 270             relative: 0.0 1.0;\
 271             to: "left.padding0";\
 272          }\
 273       }\
 274       description { state: "datefirst" 0.0;\
 275          inherit: "default" 0.0;\
 276          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 277       }\
 278       description { state: "timefirst" 0.0;\
 279          inherit: "default" 0.0;\
 280          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 281          rel1 {\
 282             relative: 0.0 0.0;\
 283             to: "left.padding3";\
 284          }\
 285          rel2 {\
 286             relative: 0.0 1.0;\
 287             to: "left.padding3";\
 288          }\
 289       }\
 290       description { state: "timefirst24hr" 0.0;\
 291          inherit: "default" 0.0;\
 292          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 293          rel1 {\
 294             relative: 0.0 0.0;\
 295             to: "left.padding2";\
 296          }\
 297          rel2 {\
 298             relative: 0.0 1.0;\
 299             to: "left.padding2";\
 300          }\
 301       }\
 302    }\
 303    part {\
 304       name: "date.picker.right.pad"; \
 305       type: RECT;\
 306       scale: 1;\
 307       description { state: "default" 0.0; \
 308          min: 0 0;\
 309          visible: 0;\
 310          align: 0.0 0.5; \
 311          fixed: 1 0;\
 312          rel1 {\
 313             relative: 1.0 0.0;\
 314             to: "separator2";\
 315          }\
 316          rel2 {\
 317             relative: 1.0 1.0;\
 318             to: "separator2";\
 319          }\
 320       }\
 321       description { state: "datefirst" 0.0;\
 322          inherit: "default" 0.0;\
 323          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 324       }\
 325       description { state: "timefirst" 0.0;\
 326          inherit: "default" 0.0;\
 327          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 328          rel1 {\
 329             relative: 1.0 0.0;\
 330             to: "separator5";\
 331          }\
 332          rel2 {\
 333             relative: 1.0 1.0;\
 334             to: "separator5";\
 335          }\
 336       }\
 337       description { state: "timefirst24hr" 0.0;\
 338          inherit: "default" 0.0;\
 339          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 340          rel1 {\
 341             relative: 1.0 0.0;\
 342             to: "separator4";\
 343          }\
 344          rel2 {\
 345             relative: 1.0 1.0;\
 346             to: "separator4";\
 347          }\
 348       }\
 349    }\
 350    part {\
 351       name: "date.picker.bg"; \
 352       scale: 1;\
 353       description { state: "default" 0.0; \
 354          min: 0 0;\
 355          visible: 0;\
 356          fixed: 1 0;\
 357          image {\
 358             normal: "00_button_01.png";\
 359             border: DATETIME_BG_IMAGE_BORDER_INC;\
 360             border_scale: 1;\
 361          }\
 362          rel1 {\
 363             relative: 0.0 0.0;\
 364             to: "date.picker.left.pad";\
 365          }\
 366          rel2 {\
 367             relative: 1.0 1.0;\
 368             to: "date.picker.right.pad";\
 369          }\
 370       }\
 371       description { state: "datefirst" 0.0;\
 372          inherit: "default" 0.0;\
 373          visible: 1;\
 374       }\
 375       description { state: "timefirst" 0.0;\
 376          inherit: "default" 0.0;\
 377          visible: 1;\
 378       }\
 379       description { state: "timefirst24hr" 0.0;\
 380          inherit: "default" 0.0;\
 381          visible: 1;\
 382       }\
 383       description { state: "datefirst_press" 0.0;\
 384          inherit: "datefirst" 0.0;\
 385          image {\
 386             normal: "00_button_01_press.png";\
 387             border: DATETIME_BG_IMAGE_BORDER_INC;\
 388             border_scale: 1;\
 389          }\
 390       }\
 391       description { state: "timefirst_press" 0.0;\
 392          inherit: "timefirst" 0.0;\
 393          image {\
 394             normal: "00_button_01_press.png";\
 395             border: DATETIME_BG_IMAGE_BORDER_INC;\
 396             border_scale: 1;\
 397          }\
 398       }\
 399       description { state: "timefirst24hr_press" 0.0;\
 400          inherit: "timefirst24hr" 0.0;\
 401          image {\
 402             normal: "00_button_01_press.png";\
 403             border: DATETIME_BG_IMAGE_BORDER_INC;\
 404             border_scale: 1;\
 405          }\
 406       }\
 407    }\
 408    part {\
 409       name: "datepicker.focus";\
 410       scale: 1;\
 411       description {\
 412          state: "default" 0.0;\
 413          visible: 0;\
 414          rel1.to : "date.picker.bg";\
 415          rel2.to : "date.picker.bg";\
 416          image {\
 417             normal: "00_button_01_focus.png";\
 418             border: DATETIME_BG_IMAGE_BORDER_INC;\
 419             border_scale: 1;\
 420          }\
 421       }\
 422       description { state: "focus" 0.0;\
 423          inherit: "default" 0.0;\
 424          visible: 1;\
 425       }\
 426    }\
 427    programs{\
 428       program {\
 429          name: "datepicker_starting_field0";\
 430          signal: "datepicker,starting,field0";\
 431          source: "elm";\
 432          action: STATE_SET "datefirst" 0.0;\
 433          target: "date.picker.bg";\
 434          target: "date.picker.left.pad";\
 435          target: "date.picker.right.pad";\
 436       }\
 437       program {\
 438          name: "datepicker_starting_field3";\
 439          signal: "datepicker,starting,field3";\
 440          source: "elm";\
 441          action: STATE_SET "timefirst" 0.0;\
 442          target: "date.picker.bg";\
 443          target: "date.picker.left.pad";\
 444          target: "date.picker.right.pad";\
 445       }\
 446       program {\
 447          name: "datepicker_starting_field2";\
 448          signal: "datepicker,starting,field2";\
 449          source: "elm";\
 450          action: STATE_SET "timefirst24hr" 0.0;\
 451          target: "date.picker.bg";\
 452          target: "date.picker.left.pad";\
 453          target: "date.picker.right.pad";\
 454       }\
 455       program {\
 456          name: "datepicker_starting_field1";\
 457          signal: "datepicker,starting,field1";\
 458          source: "elm";\
 459          action: STATE_SET "default" 0.0;\
 460          target: "date.picker.bg";\
 461          target: "date.picker.left.pad";\
 462          target: "date.picker.right.pad";\
 463       }\
 464       program {\
 465          name: "datepicker_starting_field4";\
 466          signal: "datepicker,starting,field4";\
 467          source: "elm";\
 468          action: STATE_SET "default" 0.0;\
 469          target: "date.picker.bg";\
 470          target: "date.picker.left.pad";\
 471          target: "date.picker.right.pad";\
 472       }\
 473       program {\
 474          name: "datepicker_starting_field5";\
 475          signal: "datepicker,starting,field5";\
 476          source: "elm";\
 477          action: STATE_SET "default" 0.0;\
 478          target: "date.picker.bg";\
 479          target: "date.picker.left.pad";\
 480          target: "date.picker.right.pad";\
 481       }\
 482       program {\
 483          name: "datepicker_mouse_down";\
 484          signal: "mouse,down,1";\
 485          source: "date.picker.bg";\
 486          script {\
 487             new st[31];\
 488             new Float:vl;\
 489             get_state(PART:"date.picker.bg", st, 30, vl);\
 490             if (!strcmp(st, "datefirst")) {\
 491               set_state(PART:"date.picker.bg", "datefirst_press", 0.0);\
 492             }\
 493             else if (!strcmp(st, "timefirst")) {\
 494               set_state(PART:"date.picker.bg", "timefirst_press", 0.0);\
 495             }\
 496             else if (!strcmp(st, "timefirst24hr")) {\
 497               set_state(PART:"date.picker.bg", "timefirst24hr_press", 0.0);\
 498             }\
 499          }\
 500       }\
 501       program {\
 502          name: "datepicker_mouse_up";\
 503          signal: "mouse,up,1";\
 504          source: "date.picker.bg";\
 505          script {\
 506             new st[31];\
 507             new Float:vl;\
 508             get_state(PART:"date.picker.bg", st, 30, vl);\
 509             if (!strcmp(st, "datefirst_press")) {\
 510               set_state(PART:"date.picker.bg", "datefirst", 0.0);\
 511             }\
 512             else if (!strcmp(st, "timefirst_press")) {\
 513               set_state(PART:"date.picker.bg", "timefirst", 0.0);\
 514             }\
 515             else if (!strcmp(st, "timefirst24hr_press")) {\
 516               set_state(PART:"date.picker.bg", "timefirst24hr", 0.0);\
 517             }\
 518          }\
 519       }\
 520       program {\
 521          name: "datepicker_focus";\
 522          signal: "elm,action,focus_highlight,show";\
 523          source: "elm";\
 524          action: STATE_SET "focus" 0.0;\
 525          target: "datepicker.focus";\
 526       }\
 527       program {\
 528          name: "datepicker_unfocus";\
 529          signal: "elm,action,focus_highlight,hide";\
 530          source: "elm";\
 531          action: STATE_SET "default" 0.0;\
 532          target: "datepicker.focus";\
 533       }\
 534       program { name: "datepicker_touch_snd";\
 535          signal: "mouse,clicked,1";\
 536          source: "date.picker.bg";\
 537          action: PLAY_SAMPLE "touch_sound" 1.0;\
 538       }\
 539    }
 540
 541 #define DATETIME_TIMEPICKER_BG \
 542    part {\
 543       name: "time.picker.left.pad"; \
 544       type: RECT;\
 545       scale: 1;\
 546       description { state: "default" 0.0; \
 547          min: 0 0;\
 548          visible: 0;\
 549          align: 1.0 0.5; \
 550          fixed: 1 0;\
 551          rel1 {\
 552             relative: 0.0 0.0;\
 553             to: "left.padding3";\
 554          }\
 555          rel2 {\
 556             relative: 0.0 1.0;\
 557             to: "left.padding3";\
 558          }\
 559       }\
 560       description { state: "datefirst" 0.0;\
 561          inherit: "default" 0.0;\
 562          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 563       }\
 564       description { state: "timefirst" 0.0;\
 565          inherit: "default" 0.0;\
 566          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 567          rel1 {\
 568             relative: 0.0 0.0;\
 569             to: "left.padding0";\
 570          }\
 571          rel2 {\
 572             relative: 0.0 1.0;\
 573             to: "left.padding0";\
 574          }\
 575       }\
 576       description { state: "timefirst24hr" 0.0;\
 577          inherit: "default" 0.0;\
 578          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 579          rel1 {\
 580             relative: 0.0 0.0;\
 581             to: "left.padding0";\
 582          }\
 583          rel2 {\
 584             relative: 0.0 1.0;\
 585             to: "left.padding0";\
 586          }\
 587       }\
 588    }\
 589    part {\
 590       name: "time.picker.right.pad"; \
 591       type: RECT;\
 592       scale: 1;\
 593       description { state: "default" 0.0; \
 594          min: 0 0;\
 595          visible: 0;\
 596          align: 0.0 0.5; \
 597          fixed: 1 0;\
 598          rel1 {\
 599             relative: 1.0 0.0;\
 600             to: "right.padding5";\
 601          }\
 602          rel2 {\
 603             relative: 1.0 1.0;\
 604             to: "right.padding5";\
 605          }\
 606       }\
 607       description { state: "datefirst" 0.0;\
 608          inherit: "default" 0.0;\
 609          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 610       }\
 611       description { state: "timefirst" 0.0;\
 612          inherit: "default" 0.0;\
 613          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 614          rel1 {\
 615             relative: 1.0 0.0;\
 616             to: "right.padding2";\
 617          }\
 618          rel2 {\
 619             relative: 1.0 1.0;\
 620             to: "right.padding2";\
 621          }\
 622       }\
 623       description { state: "timefirst24hr" 0.0;\
 624          inherit: "default" 0.0;\
 625          min: DATETIME_PICKER_BG_PADDING_SIZE_INC;\
 626          rel1 {\
 627             relative: 1.0 0.0;\
 628             to: "right.padding1";\
 629          }\
 630          rel2 {\
 631             relative: 1.0 1.0;\
 632             to: "right.padding1";\
 633          }\
 634       }\
 635    }\
 636    part {\
 637       name: "time.picker.bg"; \
 638       scale: 1;\
 639       description { state: "default" 0.0; \
 640          min: 0 0;\
 641          visible: 0;\
 642          fixed: 1 0;\
 643          image {\
 644             normal: "00_button_01.png";\
 645             border: DATETIME_BG_IMAGE_BORDER_INC;\
 646             border_scale: 1;\
 647          }\
 648          rel1 {\
 649             relative: 0.0 0.0;\
 650             to: "time.picker.left.pad";\
 651          }\
 652          rel2 {\
 653             relative: 1.0 1.0;\
 654             to: "time.picker.right.pad";\
 655          }\
 656       }\
 657       description { state: "datefirst" 0.0;\
 658          inherit: "default" 0.0;\
 659          visible: 1;\
 660       }\
 661       description { state: "timefirst" 0.0;\
 662          inherit: "default" 0.0;\
 663          visible: 1;\
 664       }\
 665       description { state: "timefirst24hr" 0.0;\
 666          inherit: "default" 0.0;\
 667          visible: 1;\
 668       }\
 669       description { state: "datefirst_press" 0.0;\
 670          inherit: "datefirst" 0.0;\
 671          image {\
 672             normal: "00_button_01_press.png";\
 673             border: DATETIME_BG_IMAGE_BORDER_INC;\
 674             border_scale: 1;\
 675          }\
 676       }\
 677       description { state: "timefirst_press" 0.0;\
 678          inherit: "timefirst" 0.0;\
 679          image {\
 680             normal: "00_button_01_press.png";\
 681             border: DATETIME_BG_IMAGE_BORDER_INC;\
 682             border_scale: 1;\
 683          }\
 684       }\
 685       description { state: "timefirst24hr_press" 0.0;\
 686          inherit: "timefirst24hr" 0.0;\
 687          image {\
 688             normal: "00_button_01_press.png";\
 689             border: DATETIME_BG_IMAGE_BORDER_INC;\
 690             border_scale: 1;\
 691          }\
 692       }\
 693    }\
 694    part {\
 695       name: "timepicker.focus";\
 696       scale: 1;\
 697       description {\
 698          state: "default" 0.0;\
 699          visible: 0;\
 700          rel1.to : "time.picker.bg";\
 701          rel2.to : "time.picker.bg";\
 702          image {\
 703             normal: "00_button_01_focus.png";\
 704             border: DATETIME_BG_IMAGE_BORDER_INC;\
 705             border_scale: 1;\
 706          }\
 707       }\
 708       description { state: "focus" 0.0;\
 709          inherit: "default" 0.0;\
 710          visible: 1;\
 711       }\
 712    }\
 713    programs{\
 714       program {\
 715          name: "timepicker_starting_field3";\
 716          signal: "timepicker,starting,field3";\
 717          source: "elm";\
 718          in: 0.001 0.0;\
 719          script {\
 720             new st[31];\
 721             new Float:vl;\
 722             get_state(PART:"field3", st, 30, vl);\
 723             if (!strcmp(st, "enable")) {\
 724               set_state(PART:"time.picker.bg", "datefirst", 0.0);\
 725               set_state(PART:"time.picker.left.pad", "datefirst", 0.0);\
 726               set_state(PART:"time.picker.right.pad", "datefirst", 0.0);\
 727             }\
 728          }\
 729       }\
 730       program {\
 731          name: "timepicker_starting_field0";\
 732          signal: "timepicker,starting,field0";\
 733          source: "elm";\
 734          in: 0.001 0.0;\
 735          script {\
 736             new st[31];\
 737             new Float:vl;\
 738             get_state(PART:"date.picker.bg", st, 30, vl);\
 739             if (!strcmp(st, "timefirst24hr")) {\
 740               set_state(PART:"time.picker.bg", "timefirst24hr", 0.0);\
 741               set_state(PART:"time.picker.left.pad", "timefirst24hr", 0.0);\
 742               set_state(PART:"time.picker.right.pad", "timefirst24hr", 0.0);\
 743             }\
 744             else {\
 745               set_state(PART:"time.picker.bg", "timefirst", 0.0);\
 746               set_state(PART:"time.picker.left.pad", "timefirst", 0.0);\
 747               set_state(PART:"time.picker.right.pad", "timefirst", 0.0);\
 748             }\
 749          }\
 750       }\
 751       program {\
 752          name: "timepicker_starting_field1";\
 753          signal: "timepicker,starting,field1";\
 754          source: "elm";\
 755          action: STATE_SET "default" 0.0;\
 756          target: "time.picker.bg";\
 757          target: "time.picker.left.pad";\
 758          target: "time.picker.right.pad";\
 759       }\
 760       program {\
 761          name: "timepicker_starting_field2";\
 762          signal: "timepicker,starting,field2";\
 763          source: "elm";\
 764          action: STATE_SET "default" 0.0;\
 765          target: "time.picker.bg";\
 766          target: "time.picker.left.pad";\
 767          target: "time.picker.right.pad";\
 768       }\
 769       program {\
 770          name: "timepicker_starting_field4";\
 771          signal: "timepicker,starting,field4";\
 772          source: "elm";\
 773          action: STATE_SET "default" 0.0;\
 774          target: "time.picker.bg";\
 775          target: "time.picker.left.pad";\
 776          target: "time.picker.right.pad";\
 777       }\
 778       program {\
 779          name: "timepicker_starting_field5";\
 780          signal: "timepicker,starting,field5";\
 781          source: "elm";\
 782          action: STATE_SET "default" 0.0;\
 783          target: "time.picker.bg";\
 784          target: "time.picker.left.pad";\
 785          target: "time.picker.right.pad";\
 786       }\
 787       program {\
 788          name: "timepicker_mouse_down";\
 789          signal: "mouse,down,1";\
 790          source: "time.picker.bg";\
 791          script {\
 792             new st[31];\
 793             new Float:vl;\
 794             get_state(PART:"time.picker.bg", st, 30, vl);\
 795             if (!strcmp(st, "datefirst")) {\
 796               set_state(PART:"time.picker.bg", "datefirst_press", 0.0);\
 797             }\
 798             else if (!strcmp(st, "timefirst")) {\
 799               set_state(PART:"time.picker.bg", "timefirst_press", 0.0);\
 800             }\
 801             else if (!strcmp(st, "timefirst24hr")) {\
 802               set_state(PART:"time.picker.bg", "timefirst24hr_press", 0.0);\
 803             }\
 804          }\
 805       }\
 806       program {\
 807          name: "timepicker_mouse_up";\
 808          signal: "mouse,up,1";\
 809          source: "time.picker.bg";\
 810          script {\
 811             new st[31];\
 812             new Float:vl;\
 813             get_state(PART:"time.picker.bg", st, 30, vl);\
 814             if (!strcmp(st, "datefirst_press")) {\
 815               set_state(PART:"time.picker.bg", "datefirst", 0.0);\
 816             }\
 817             else if (!strcmp(st, "timefirst_press")) {\
 818               set_state(PART:"time.picker.bg", "timefirst", 0.0);\
 819             }\
 820             else if (!strcmp(st, "timefirst24hr_press")) {\
 821               set_state(PART:"time.picker.bg", "timefirst24hr", 0.0);\
 822             }\
 823          }\
 824       }\
 825       program {\
 826          name: "timepicker_focus";\
 827          signal: "elm,action,focus_highlight,show";\
 828          source: "elm";\
 829          action: STATE_SET "focus" 0.0;\
 830          target: "timepicker.focus";\
 831       }\
 832       program {\
 833          name: "timepicker_unfocus";\
 834          signal: "elm,action,focus_highlight,hide";\
 835          source: "elm";\
 836          action: STATE_SET "default" 0.0;\
 837          target: "timepicker.focus";\
 838       }\
 839       program { name: "timepicker_touch_snd";\
 840          signal: "mouse,clicked,1";\
 841          source: "time.picker.bg";\
 842          action: PLAY_SAMPLE "touch_sound" 1.0;\
 843       }\
 844    }
 845
 846 group { name: "elm/datetime/base/default";
 847    images {
 848       image: "00_button_01.png" COMP;
 849       image: "00_button_01_press.png" COMP;
 850       image: "00_button_01_focus.png" COMP;
 851    }
 852    parts {
 853       part {
 854          name: "bg";
 855          type: RECT;
 856          scale: 1;
 857          description {
 858             state: "default" 0.0;
 859             color: 0 0 0 0;
 860             min: 0 DATETIME_WIDGET_HEIGHT;
 861             max: -1 DATETIME_WIDGET_HEIGHT;
 862          }
 863       }
 864       part {
 865          name: "left.padding";
 866          type: RECT;
 867          scale: 1;
 868          clip_to: "clipper";
 869          mouse_events: 0;
 870          description {
 871             state: "default" 0.0;
 872             visible: 0;
 873             min: DATETIME_WIDGET_PADDING_SIZE_INC;
 874             align: 0.0 0.5;
 875             fixed: 1 0;
 876             rel1.to: "bg";
 877             rel2 {
 878                relative: 0.0 1.0;
 879                to: "bg";
 880             }
 881          }
 882       }
 883       part {
 884          name: "right.padding";
 885          type: RECT;
 886          scale: 1;
 887          clip_to: "clipper";
 888          mouse_events: 0;
 889          description {
 890             state: "default" 0.0;
 891             visible: 0;
 892             min: DATETIME_WIDGET_PADDING_SIZE_INC;
 893             align: 1.0 0.5;
 894             fixed: 1 0;
 895             rel1 {
 896                relative: 1.0 0.0;
 897                to: "bg";
 898             }
 899             rel2.to: "bg";
 900          }
 901       }
 902
 903       DATETIME_PADDING(0, "left.padding")
 904       DATETIME_PADDING(1, "separator0")
 905       DATETIME_PADDING(2, "separator1")
 906       DATETIME_PADDING(3, "separator2")
 907       DATETIME_PADDING(4, "separator3")
 908       DATETIME_PADDING(5, "separator4")
 909
 910       DATETIME_DATEPICKER_BG
 911       DATETIME_TIMEPICKER_BG
 912
 913       DATETIME_FIELD(0)
 914       DATETIME_FIELD(1)
 915       DATETIME_FIELD(2)
 916       DATETIME_FIELD(3)
 917       DATETIME_FIELD(4)
 918       DATETIME_FIELD(5)
 919
 920       part {
 921          name: "clipper";
 922          type: RECT;
 923          description { state: "default" 0.0;
 924             color: 255 255 255 255;
 925          }
 926          description { state: "visible" 0.0;
 927             inherit: "default" 0.0;
 928             color: 255 255 255 102;
 929          }
 930       }
 931       part {
 932          name: "disabler";
 933          type: RECT;
 934          description { state: "default" 0.0;
 935             color: 0 0 0 0;
 936             visible: 0;
 937             rel1.to: "bg";
 938             rel2.to: "bg";
 939          }
 940          description { state: "visible" 0.0;
 941             inherit: "default" 0.0;
 942             visible: 1;
 943          }
 944       }
 945    }
 946    programs {
 947       program {
 948          name: "disble_datetime";
 949          signal: "elm,state,disabled";
 950          source: "elm";
 951          action: STATE_SET "visible" 0.0;
 952          target: "disabler";
 953          target: "clipper";
 954       }
 955       program {
 956          name: "enable_datetime";
 957          signal: "elm,state,enabled";
 958          source: "elm";
 959          action: STATE_SET "default" 0.0;
 960          target: "disabler";
 961          target: "clipper";
 962       }
 963       DATETIME_PICKER_PADDING_PROGRAMS
 964    }
 965 }
 966
 967 #define DATETIME_FIELD_STYLE1(_pos, _after) \
 968    part {\
 969       name: "field"#_pos; \
 970       type: SWALLOW; \
 971       scale: 1;\
 972       clip_to: "clipper";\
 973       repeat_events: 1;\
 974       description { state: "default" 0.0; \
 975          visible: 0;\
 976          min: 0 0;\
 977          align: 0.0 0.5;\
 978          fixed: 1 1;\
 979          rel1 {\
 980             relative: 1.0 0.0;\
 981             to: "separator"#_after;\
 982          }\
 983          rel2 {\
 984             relative: 1.0 1.0;\
 985             to: "separator"#_after;\
 986          }\
 987       }\
 988       description { state: "enable" 0.0;\
 989          inherit: "default" 0.0;\
 990          visible: 1;\
 991          min: DATETIME_FIELD_MIN_SIZE_INC;\
 992       }\
 993    }\
 994    programs{\
 995       program {\
 996          name: "field_"#_pos"enabled";\
 997          signal: "field"#_pos",enable";\
 998          source: "elm";\
 999          action: STATE_SET "enable" 0.0;\
1000          target: "field"#_pos;\
1001       }\
1002       program {\
1003          name: "field_"#_pos"disabled";\
1004          signal: "field"#_pos",disable";\
1005          source: "elm";\
1006          action: STATE_SET "default" 0.0;\
1007          target: "field"#_pos;\
1008       }\
1009     }
1010
1011 #define DATETIME_SEPARATOR_STYLE1(_pos) \
1012    part {\
1013       name: "separator"#_pos; \
1014       type: TEXT;\
1015       scale: 1;\
1016       clip_to: "clipper";\
1017       repeat_events: 1;\
1018       description {\
1019          state: "default" 0.0;\
1020          visible: 0;\
1021          min: DATETIME_SEPARATOR_MIN_SIZE_INC;\
1022          max: DATETIME_SEPARATOR_MIN_SIZE_INC;\
1023          align: 0.0 0.5;\
1024          fixed: 1 1;\
1025          rel1 {\
1026             relative: 1.0 0.0;\
1027             to: "field"#_pos;\
1028          }\
1029          rel2 {\
1030             relative: 1.0 1.0;\
1031             to: "field"#_pos;\
1032          }\
1033          color: DATETIME_SEPARATOR_TEXT_COLOR_INC;\
1034          text {\
1035             font: "Tizen:style=Regular";\
1036             size: DATETIME_SEPARATOR_TEXT_FONT_SIZE_INC;\
1037             min: 1 0; \
1038             text_class: "tizen";\
1039          }\
1040       }\
1041       description { state: "enable" 0.0;\
1042          inherit: "default" 0.0;\
1043          visible: 1;\
1044       }\
1045       description { state: "hide" 0.0;\
1046          inherit: "default" 0.0;\
1047          min: 0 0;\
1048          max: 0 0;\
1049       }\
1050    }\
1051    programs {\
1052       program {\
1053          name: "separator"#_pos",enabled";\
1054          signal: "field"#_pos",separator,enable";\
1055          source: "elm";\
1056          action: STATE_SET "enable" 0.0;\
1057          target: "separator"#_pos;\
1058       }\
1059       program {\
1060          name: "separator"#_pos",disabled";\
1061          signal: "field"#_pos",separator,disable";\
1062          source: "elm";\
1063          script {\
1064             new st[31];\
1065             new Float:vl;\
1066             get_state(PART:"separator"#_pos, st, 30, vl);\
1067             if (strcmp(st, "hide")) \
1068             {\
1069                set_state(PART:"separator"#_pos, "default", 0.0);\
1070             }\
1071          }\
1072       }\
1073       program {\
1074          name: "separator"#_pos",hide";\
1075          signal: "field"#_pos",disable";\
1076          source: "elm";\
1077          action: STATE_SET "hide" 0.0;\
1078          target: "separator"#_pos;\
1079       }\
1080    }
1081
1082
1083 group { name: "elm/datetime/base/style1";
1084    parts {
1085       part {
1086          name: "bg";
1087          type: RECT;
1088          scale: 1;
1089          description {
1090             state: "default" 0.0;
1091             color: 0 0 0 0;
1092          }
1093       }
1094       part {
1095          name: "left.padding";
1096          type: RECT;
1097          scale: 1;
1098          clip_to: "clipper";
1099          mouse_events: 0;
1100          description {
1101             state: "default" 0.0;
1102             visible: 0;
1103             min: DATETIME_LEFT_PADDING_SIZE_INC;
1104             max: DATETIME_LEFT_PADDING_SIZE_INC;
1105             align: 0.0 0.5;
1106             fixed: 1 1;
1107             rel1.to: "bg";
1108             rel2 {
1109                relative: 0.0 1.0;
1110                to: "bg";
1111             }
1112          }
1113       }
1114       part {
1115          name: "field0";
1116          type: SWALLOW;
1117          scale: 1;
1118          clip_to: "clipper";
1119          repeat_events: 1;
1120          description {
1121             state: "default" 0.0;
1122             visible: 0;
1123             min: 0 0;
1124             align: 0.0 0.5;
1125             fixed: 1 0;
1126             rel1 {
1127                relative: 0.5 0.0;
1128                to_x: "left.padding";
1129             }
1130             rel2 {
1131                relative: 0.5 1.0;
1132                to_x: "left.padding";
1133             }
1134          }
1135          description { state: "enable" 0.0;
1136             inherit: "default" 0.0;
1137             visible: 1;
1138             min: DATETIME_FIELD_MIN_SIZE_INC;
1139          }
1140       }
1141       DATETIME_SEPARATOR_STYLE1(0)
1142       DATETIME_FIELD_STYLE1(1, 0)
1143       DATETIME_SEPARATOR_STYLE1(1)
1144       DATETIME_FIELD_STYLE1(2, 1)
1145       DATETIME_SEPARATOR_STYLE1(2)
1146       DATETIME_FIELD_STYLE1(3, 2)
1147       DATETIME_SEPARATOR_STYLE1(3)
1148       DATETIME_FIELD_STYLE1(4, 3)
1149       DATETIME_SEPARATOR_STYLE1(4)
1150       DATETIME_FIELD_STYLE1(5, 4)
1151       DATETIME_SEPARATOR_STYLE1(5)
1152       part {
1153          name: "right.padding";
1154          type: RECT;
1155          scale: 1;
1156          clip_to: "clipper";
1157          mouse_events: 0;
1158          description {
1159             state: "default" 0.0;
1160             visible: 0;
1161             min: DATETIME_LEFT_PADDING_SIZE_INC;
1162             max: DATETIME_LEFT_PADDING_SIZE_INC;
1163             align: 1.0 0.5;
1164             fixed: 1 1;
1165             rel2 {
1166                relative: 1.0 0.0;
1167                to: "bg";
1168             }
1169             rel2.to: "bg";
1170          }
1171       }
1172       part {
1173          name: "clipper";
1174          type: RECT;
1175          description { state: "default" 0.0;
1176             color: 255 255 255 255;
1177          }
1178          description { state: "visible" 0.0;
1179             inherit: "default" 0.0;
1180             color: 255 255 255 102;
1181          }
1182       }
1183       part {
1184          name: "disabler";
1185          type: RECT;
1186          description { state: "default" 0.0;
1187             color: 0 0 0 0;
1188             visible: 0;
1189          }
1190          description { state: "visible" 0.0;
1191             inherit: "default" 0.0;
1192             visible: 1;
1193          }
1194       }
1195    }
1196    programs {
1197       program {
1198          name: "disble_datetime";
1199          signal: "elm,state,disabled";
1200          source: "elm";
1201          action: STATE_SET "visible" 0.0;
1202          target: "disabler";
1203          target: "clipper";
1204       }
1205       program {
1206          name: "enable_datetime";
1207          signal: "elm,state,enabled";
1208          source: "elm";
1209          action: STATE_SET "default" 0.0;
1210          target: "disabler";
1211          target: "clipper";
1212       }
1213       program {
1214          name: "field0,enabled";
1215          signal: "field0,enable";
1216          source: "elm";
1217          action: STATE_SET "enable" 0.0;
1218          target: "field0";
1219       }
1220       program {
1221          name: "field0,disabled";
1222          signal: "field0,disable";
1223          source: "elm";
1224          action: STATE_SET "default" 0.0;
1225          target: "field0";
1226       }
1227    }
1228 }
1229 group { name: "elm/spinner/base/default";
1230    alias: "elm/spinner/base/datetime_popup";
1231    alias: "elm/spinner/base/datetime_popup/year";
1232    alias: "elm/spinner/base/datetime_popup/month";
1233    alias: "elm/spinner/base/datetime_popup/date";
1234    alias: "elm/spinner/base/datetime_popup/hour";
1235    alias: "elm/spinner/base/datetime_popup/minute";
1236    images {
1237       image: "00_picker_arrow_down.png" COMP;
1238       image: "00_picker_arrow_up.png" COMP;
1239       image: "00_button_01.png" COMP;
1240       image: "00_button_01_press.png" COMP;
1241    }
1242    parts {
1243       part { name: "bg";
1244          type: RECT;
1245          scale: 1;
1246          description { state: "default" 0.0;
1247             color: 0 0 0 0;
1248          }
1249       }
1250       part { name: "up.image";
1251          scale: 1;
1252          description { state: "default" 0.0;
1253             align: 0.5 0.0;
1254             min: SPINNER_UP_DOWN_IMAGE_SIZE_INC;
1255             max: SPINNER_UP_DOWN_IMAGE_SIZE_INC;
1256             image {
1257                normal: "00_button_01.png";
1258                border: SPINNER_UP_DOWN_IMAGE_BORDER_SIZE_INC;
1259                border_scale: 1;
1260             }
1261          }
1262          description { state: "pressed" 0.0;
1263             inherit: "default" 0.0;
1264             image.normal: "00_button_01_press.png";
1265          }
1266       }
1267       part { name: "up.image.arrow";
1268          scale: 1;
1269          description { state: "default" 0.0;
1270             rel1.to: "up.image";
1271             rel2.to: "up.image";
1272             min: SPINNER_UP_DOWN_ARROW_IMAGE_SIZE_INC;
1273             max: SPINNER_UP_DOWN_ARROW_IMAGE_SIZE_INC;
1274             image.normal: "00_picker_arrow_up.png";
1275          }
1276          description { state: "pressed" 0.0;
1277             inherit: "default" 0.0;
1278             image.normal: "00_picker_arrow_up.png";
1279          }
1280       }
1281       part { name: "down.image";
1282          scale: 1;
1283          description { state: "default" 0.0;
1284             align: 0.5 1.0;
1285             min: SPINNER_UP_DOWN_IMAGE_SIZE_INC;
1286             max: SPINNER_UP_DOWN_IMAGE_SIZE_INC;
1287             image {
1288                normal: "00_button_01.png";
1289                border: SPINNER_UP_DOWN_IMAGE_BORDER_SIZE_INC;
1290                border_scale: 1;
1291             }
1292          }
1293          description { state: "pressed" 0.0;
1294             inherit: "default" 0.0;
1295             image.normal: "00_button_01_press.png";
1296          }
1297       }
1298       part { name: "down.image.arrow";
1299          scale: 1;
1300          description { state: "default" 0.0;
1301             rel1.to: "down.image";
1302             rel2.to: "down.image";
1303             min: SPINNER_UP_DOWN_ARROW_IMAGE_SIZE_INC;
1304             max: SPINNER_UP_DOWN_ARROW_IMAGE_SIZE_INC;
1305             image.normal: "00_picker_arrow_down.png";
1306          }
1307          description { state: "pressed" 0.0;
1308             inherit: "default" 0.0;
1309             image.normal: "00_picker_arrow_down.png";
1310          }
1311       }
1312       part { name: "elm.text";
1313          type: TEXT;
1314          scale: 1;
1315          description { state: "default" 0.0;
1316             visible: 1;
1317             color: SPINNER_ENTRY_TEXT_COLOR_INC;
1318             min: 0 SPINNER_TEXT_HEIGHT_INC;
1319             max: -1 SPINNER_TEXT_HEIGHT_INC;
1320             text {
1321                font: "Tizen:style=Regular";
1322                size: SPINNER_ENTRY_TEXT_SIZE_INC;
1323                min: 0 0;
1324                max: 1 0;
1325                text_class: "tizen";
1326             }
1327          }
1328          description { state: "active" 0.0;
1329             inherit: "default" 0.0;
1330             visible: 0;
1331          }
1332       }
1333       part { name: "button.events";
1334          type: RECT;
1335          mouse_events: 1;
1336          description { state: "default" 0.0;
1337             rel1.to: "elm.text";
1338             rel2.to: "elm.text";
1339             fixed: 1 1;
1340             color: 0 0 0 0;
1341          }
1342       }
1343       part { name: "elm.swallow.entry";
1344          type: SWALLOW;
1345          description { state: "default" 0.0;
1346             visible: 0;
1347             rel1.to: "elm.text";
1348             rel2.to: "elm.text";
1349             fixed: 1 1;
1350          }
1351          description { state: "active" 0.0;
1352             inherit: "default" 0.0;
1353             visible: 1;
1354          }
1355       }
1356       part { name: "up.btn";
1357          type: RECT;
1358          repeat_events: 1;
1359          scale: 1;
1360          description { state: "default" 0.0;
1361            rel1.to: "up.image";
1362            rel2.to: "up.image";
1363            color: 0 0 0 0;
1364          }
1365       }
1366       part { name: "down.btn";
1367          type: RECT;
1368          repeat_events: 1;
1369          scale: 1;
1370          description { state: "default" 0.0;
1371            rel1.to: "down.image";
1372            rel2.to: "down.image";
1373            color: 0 0 0 0;
1374          }
1375       }
1376       part { name: "disabler";
1377          type: RECT;
1378          description { state: "default" 0.0;
1379             color: 0 0 0 0;
1380             visible: 0;
1381          }
1382          description { state: "disabled" 0.0;
1383             inherit: "default" 0.0;
1384             visible: 1;
1385          }
1386       }
1387    }
1388    programs {
1389       program { name: "text_show";
1390          signal: "elm,state,text,visible";
1391          source: "elm";
1392          action:  STATE_SET "visible" 0.0;
1393          target: "elm.text";
1394       }
1395       program { name: "text_hide";
1396          signal: "elm,state,text,hidden";
1397          source: "elm";
1398          action:  STATE_SET "default" 0.0;
1399          target: "elm.text";
1400       }
1401       program { name: "dec_start_signal_emit";
1402          action: SIGNAL_EMIT "elm,action,decrement,start" "";
1403       }
1404       program { name: "dec_stop_signal_emit";
1405          action: SIGNAL_EMIT "elm,action,decrement,stop" "";
1406       }
1407       program { name: "inc_start_signal_emit";
1408          action: SIGNAL_EMIT "elm,action,increment,start" "";
1409       }
1410       program { name: "inc_stop_signal_emit";
1411          action: SIGNAL_EMIT "elm,action,increment,stop" "";
1412       }
1413       program { name: "dec";
1414          signal: "mouse,down,1*";
1415          source: "down.btn";
1416          action:  STATE_SET "pressed" 0.0;
1417          target: "down.image";
1418          target: "down.image.arrow";
1419          after: "dec_start_signal_emit";
1420       }
1421       program { name: "dec2";
1422          signal: "mouse,up,1";
1423          source: "down.btn";
1424          action:  STATE_SET "default" 0.0;
1425          target: "down.image";
1426          target: "down.image.arrow";
1427          after: "dec_stop_signal_emit";
1428       }
1429       program { name: "inc";
1430          signal: "mouse,down,1*";
1431          source: "up.btn";
1432          action:  STATE_SET "pressed" 0.0;
1433          target: "up.image";
1434          target: "up.image.arrow";
1435          after: "inc_start_signal_emit";
1436       }
1437       program { name: "inc2";
1438          signal: "mouse,up,1";
1439          source: "up.btn";
1440          action:  STATE_SET "default" 0.0;
1441          target: "up.image";
1442          target: "up.image.arrow";
1443          after: "inc_stop_signal_emit";
1444       }
1445       program { name: "disable";
1446          signal: "elm,state,disabled";
1447          source: "elm";
1448          action: STATE_SET "disabled" 0.0;
1449          target: "disabler";
1450       }
1451       program { name: "enable";
1452          signal: "elm,state,enabled";
1453          source: "elm";
1454          action: STATE_SET "default" 0.0;
1455          target: "disabler";
1456       }
1457       program { name: "active";
1458          signal: "elm,state,active";
1459          source: "elm";
1460          action: STATE_SET "active" 0.0;
1461          target: "elm.text";
1462          target: "elm.swallow.entry";
1463       }
1464       program { name: "inactive";
1465          signal: "elm,state,inactive";
1466          source: "elm";
1467          action: STATE_SET "default" 0.0;
1468          target: "elm.text";
1469          target: "elm.swallow.entry";
1470       }
1471       program { name: "toggle_text";
1472          signal: "mouse,up,1";
1473          source: "button.events";
1474          action: SIGNAL_EMIT "elm,action,entry,toggle" "";
1475       }
1476       program { name: "up_touch_snd";
1477          signal: "mouse,clicked,1";
1478          source: "up.btn";
1479          action: PLAY_SAMPLE "touch_sound" 1.0;
1480       }
1481       program { name: "down_ouch_snd";
1482          signal: "mouse,clicked,1";
1483          source: "down.btn";
1484          action: PLAY_SAMPLE "touch_sound" 1.0;
1485       }
1486    }
1487 }
1488
1489 group { name: "elm/spinner/base/datetime_popup/ampm";
1490    inherit: "elm/spinner/base/default";
1491
1492    parts {
1493       part { name: "block.events";
1494          type: RECT;
1495          description { state: "default" 0.0;
1496             color: 0 0 0 0;
1497             rel1.to: "elm.text";
1498             rel2.to: "elm.text";
1499          }
1500       }
1501    }
1502 }
1503
1504 group { name: "elm/layout/datetime_popup/date_layout";
1505
1506    parts {
1507       part { name: "bg";
1508          type: RECT;
1509          scale: 1;
1510          description { state: "default" 0.0;
1511             color: 0 0 0 0;
1512             min: DATETIME_POPUP_CONTENT_SIZE_INC;
1513             max: DATETIME_POPUP_CONTENT_SIZE_INC;
1514          }
1515       }
1516       part { name: "top.padding";
1517          type: RECT;
1518          scale: 1;
1519          description { state: "default" 0.0;
1520             color: 0 0 0 0;
1521             min: 0 0;
1522             max: -1 0;
1523             rel1.to: "bg";
1524             rel2 {
1525                relative: 1.0 0.0;
1526                to: "bg";
1527             }
1528             align: 0.5 0.0;
1529          }
1530       }
1531       part { name: "bottom.padding";
1532          type: RECT;
1533          scale: 1;
1534          description { state: "default" 0.0;
1535             color: 0 0 0 0;
1536             min: 0 0;
1537             max: -1 0;
1538             rel1 {
1539                relative: 0.0 1.0;
1540                to: "bg";
1541             }
1542             rel2.to: "bg";
1543             align: 0.5 1.0;
1544          }
1545       }
1546       part { name: "left.padding";
1547          type: RECT;
1548          scale: 1;
1549          description { state: "default" 0.0;
1550             color: 0 0 0 0;
1551             min: DATETIME_POPUP_CONTENT_LEFT_PADDING_WIDTH_INC 0;
1552             max: DATETIME_POPUP_CONTENT_LEFT_PADDING_WIDTH_INC -1;
1553             rel1 {
1554                relative: 0.0 1.0;
1555                to_x: "bg";
1556                to_y: "top.padding";
1557             }
1558             rel2 {
1559                relative: 0.0 0.0;
1560                to_x: "bg";
1561                to_y: "bottom.padding";
1562             }
1563             align: 0.0 0.5;
1564          }
1565       }
1566       part { name: "right.padding";
1567          type: RECT;
1568          scale: 1;
1569          description { state: "default" 0.0;
1570             color: 0 0 0 0;
1571             min: DATETIME_POPUP_CONTENT_RIGHT_PADDING_WIDTH_INC 0;
1572             max: DATETIME_POPUP_CONTENT_RIGHT_PADDING_WIDTH_INC -1;
1573             rel2.to: "bg";
1574             rel1 {
1575                relative: 1.0 1.0;
1576                to_x: "bg";
1577                to_y: "top.padding";
1578             }
1579             rel2 {
1580                relative: 1.0 0.0;
1581                to_x: "bg";
1582                to_y: "bottom.padding";
1583             }
1584             align: 1.0 0.5;
1585          }
1586       }
1587       part { name: "field0";
1588          type: SWALLOW;
1589          scale: 1;
1590          description { state: "default" 0.0;
1591             min: DATETIME_POPUP_CONTENT_FIELD_WIDTH_INC 0;
1592             rel1 {
1593                relative: 1.0 0.0;
1594                to: "left.padding";
1595             }
1596             rel2.to: "left.padding";
1597             align: 0.0 0.5;
1598          }
1599       }
1600       part { name: "center.padding1";
1601          type: RECT;
1602          scale: 1;
1603          description { state: "default" 0.0;
1604             color: 0 0 0 0;
1605             min: DATETIME_POPUP_CONTENT_CENTER_PADDING_WIDTH_INC 0;
1606             max: DATETIME_POPUP_CONTENT_CENTER_PADDING_WIDTH_INC -1;
1607             rel1 {
1608                relative: 1.0 0.0;
1609                to: "field0";
1610             }
1611             rel2.to: "field0";
1612             align: 0.0 0.5;
1613          }
1614       }
1615       part { name: "field1";
1616          type: SWALLOW;
1617          scale: 1;
1618          description { state: "default" 0.0;
1619             min: DATETIME_POPUP_CONTENT_FIELD_WIDTH_INC 0;
1620             rel1 {
1621                relative: 1.0 0.0;
1622                to: "center.padding1";
1623             }
1624             rel2 {
1625                relative: 0.0 1.0;
1626                to: "center.padding2";
1627             }
1628          }
1629       }
1630       part { name: "center.padding2";
1631          type: RECT;
1632          scale: 1;
1633          description { state: "default" 0.0;
1634             color: 0 0 0 0;
1635             min: DATETIME_POPUP_CONTENT_CENTER_PADDING_WIDTH_INC 0;
1636             max: DATETIME_POPUP_CONTENT_CENTER_PADDING_WIDTH_INC -1;
1637             rel1.to: "field2";
1638             rel2 {
1639                relative: 0.0 1.0;
1640                to: "field2";
1641             }
1642             align: 1.0 0.5;
1643          }
1644       }
1645       part { name: "field2";
1646          type: SWALLOW;
1647          scale: 1;
1648          description { state: "default" 0.0;
1649             min: DATETIME_POPUP_CONTENT_FIELD_WIDTH_INC 0;
1650             rel1.to: "right.padding";
1651             rel2 {
1652                relative: 0.0 1.0;
1653                to: "right.padding";
1654             }
1655             align: 1.0 0.5;
1656          }
1657       }
1658       part {
1659          name: "event_area";
1660          type: RECT;
1661          description { state: "default" 0.0;
1662             color: 0 0 0 0;
1663             visible: 0;
1664          }
1665          description { state: "visible" 0.0;
1666             inherit: "default" 0.0;
1667             visible: 1;
1668          }
1669       }
1670    }
1671 }
1672
1673 group { name: "elm/layout/datetime_popup/time_layout";
1674    inherit: "elm/layout/datetime_popup/date_layout";
1675
1676    parts {
1677       part { name: "hour.minute.color";
1678          type: TEXT;
1679          scale: 1;
1680          description { state: "default" 0.0;
1681             rel1.to: "center.padding1";
1682             rel2.to: "center.padding1";
1683             color: DATETIME_POPUP_CONTENT_FIELD_TEXT_COLOR_INC;
1684             text {
1685                font: "Tizen:style=Regular";
1686                size: DATETIME_POPUP_CONTENT_FIELD_TEXT_SIZE_INC;
1687                min: 0 0;
1688                text_class: "tizen";
1689                text: ":";
1690             }
1691          }
1692       }
1693    }
1694 }