showBottomSheet

_modal() async {
    showModalBottomSheet(
      context: context,
      elevation: 5,
      backgroundColor: const Color.fromARGB(0, 175, 157, 157),
      builder: (BuildContext context) {
        return Container(
          margin: const EdgeInsets.all(10),
          color: Colors.white70,
          child: ChangeNotifierProvider<ApplicationSlider>(
            // builder: (context) => ApplicationSlider(),
            create: (context) => ApplicationSlider(),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Consumer<ApplicationSlider>(
                      builder: (context, applicationSlider, _) => IconButton(
                        onPressed: () {
                          applicationSlider.slider =
                              applicationSlider.slider - 1;
                        },
                        icon: const Icon(Icons.minimize),
                      ),
                    ),
                    Consumer<ApplicationSlider>(
                      builder: (context, applicationSlider, _) =>
                          Text(applicationSlider.slider.round().toString()),
                    ),
                    Consumer<ApplicationSlider>(
                      builder: (context, applicationSlider, _) => IconButton(
                        onPressed: () {
                          applicationSlider.slider =
                              applicationSlider.slider + 1;
                        },
                        icon: const Icon(Icons.add),
                      ),
                    ),
                  ],
                ),
                Consumer<ApplicationSlider>(
                  builder: (context, applicationSlider, _) => Slider(
                    value: applicationSlider.slider,
                    max: 99,
                    min: -99,
                    label: applicationSlider.slider.round().toString(),
                    // divisions: 1,
                    onChanged: (val) {
                      applicationSlider.slider = val;
                    },
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.fromLTRB(10, 10, 10, 0),
                  child: TextFormField(
                    controller: time,
                    decoration: InputDecoration(
                      labelText: "Time",
                      border: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(10),
                      ),
                    ),
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.fromLTRB(10, 10, 10, 0),
                  child: TextFormField(
                    controller: nama,
                    decoration: InputDecoration(
                      labelText: "Nama Pengingat",
                      border: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(10),
                      ),
                    ),
                  ),
                ),
                ElevatedButton(
                  child: const Text('Close BottomSheet'),
                  onPressed: () => Navigator.pop(context),
                )
              ],
            ),
          ),
        );
      },
    );
  }