// Добавляем maven-репозиторий
repositories {
    maven {
        url 'https://s01.oss.sonatype.org/content/repositories/releases/'
    }
}

// Добавляем библиотеку зависимостей
dependencies {
    implementation 'com.gitee.chinasoft_ohos:datetimepicker:1.0.0'   
}

  <Button
            ohos:id="$+id:dateButton"
            ohos:width="match_content"
            ohos:height="match_content"
            ohos:background_element="#d6d6d6"
            ohos:padding="9vp"
            ohos:text_size="20fp"
            ohos:text="Select Date"
            ohos:bottom_margin="30vp"/>

        <Checkbox
            ohos:width="match_content"
            ohos:height="match_content"
            ohos:text="close on single tap minute"
            ohos:bottom_margin="30vp"
            ohos:text_size="15fp"
            ohos:id="$+id:checkBoxCloseOnSingleTapMinute"
            ohos:marked="true"/>

        <Button
            ohos:id="$+id:timeButton"
            ohos:width="match_content"
            ohos:height="match_content"
            ohos:background_element="#d6d6d6"
            ohos:padding="9vp"
            ohos:text_size="20fp"
            ohos:text="Select Time"
            ohos:bottom_margin="30vp"/>

           
// step1 :
          public class SecondAbilitySlice extends AbilitySlice
                  implements DatePickerDialog.OnDateSetListener, TimePickerDialog.OnTimeSetListener

// step2 :
          findComponentById(ResourceTable.Id_dateButton).setClickedListener(new Component.ClickedListener() {
                    @Override
                    public void onClick(Component component) {
                        showdate();
                    }
                });
        
                findComponentById(ResourceTable.Id_timeButton).setClickedListener(new Component.ClickedListener() {
                    @Override
                    public void onClick(Component component) {
                      showtime();
                    }
                });
// step3:
      private void showdate() {
            datePickerDialog = DatePickerDialog.newInstance(this,SecondAbilitySlice.this,
                calendar.get(Calendar.YEAR), calendar.get(Calendar.MONTH), calendar.get(Calendar.DAY_OF_MONTH),
                isVibrate());
            datePickerDialog.setVibrate(isVibra);
            datePickerDialog.setYearRange(1985,2028);
            datePickerDialog.setCloseOnSingleTapDay(isCloseOnSingleTapDay());
            datePickerDialog.setOnDateSetListener(this);
            datePickerDialog.show();
        }
        
    private void showtime() {
           timePickerDialog = TimePickerDialog.newInstance((TimePickerDialog.OnTimeSetListener) this,
               SecondAbilitySlice.this, calendar.get(Calendar.HOUR_OF_DAY),
               calendar.get(Calendar.MINUTE), false, false);
           timePickerDialog.setVibrate(isVibrate());
           timePickerDialog.setCloseOnSingleTapMinute(isCloseOnSingleTapMinute());
           timePickerDialog.setOnTimeSetListener(this);
           timePickerDialog.show();
       }
    
//step4: 通过onTimeSet 和 onDateSet获取设定的时间和 дату данные
  public void onTimeSet(RadialPickerLayout view, int hourOfDay, int minute) {
        new ToastsUtils.Builder(getContext())
            .setToastText("new time:" + hourOfDay + "-"
                + minute).setDuration(2000)
            .build().show();
    }

 public void onDateSet(DatePickerDialog datePickerDialog, int year, int month, int day) {
        new ToastsUtils.Builder(getContext())
            .setToastText("new date:"
                + year + "-" + (month + 1) + "-" + day).setDuration(2000)
            .build().show();
    }