material-ui-pickers | Date & Time pickers , built with ️ for @ | Datepicker library

I am using Material-UI V4, Material-UI Date/Time Pickers and date-fns in a new project. My page is pretty simple and I am using the following DateTimePicker component from Material UI:

Is there any way to change the text color for the Ok/Cancel dialog buttons from the @material-ui/pickers DatePicker/TimePicker/DateTimePicker? I have managed to change other elements using overrides, but cannot find the theme selectors for the bottom buttons.

Here is a code sandbox: https://codesandbox.io/s/material-ui-pickers-411qz?file=/demo.js

I tried using:

• MuiDialogActions in the createMuiTheme, but cannot select the buttons, only the panel gets styled
• withStyles for the buttons for DatePicker
• a separate ThemeProvider for different flat button styling for TimePicker

None worked. I would like a solution for the buttons other than changing the primary color for all elements.

when i try to build my project with yarn run build i get errors that are not exist in my code my code is clean it works fine in my local. I've been stuck for two weeks to resolve this problem please help me to solve this problem. this the errors that i get

node version: v10.15.3

webpack: 4.30.0 this is my package.json

I'm new to all three technologies and searched for an answer, but couldn't find one. Note: I simplified the file to make it easier to parse through while you read it, hopefully I didn't cut anything important for debugging.

I would like to have my form register as touched when a user clicks to select the date using the calendar picker. Currently I can display the error in the helperText, but it does not alter the style of the form in the same way as it will if the user clicks in the field as though they intend to type it in themselves.

I am currently working on a React app together with Formik that requires the use date and time pickers. I am building the app using Material-UI and have been looking at Material-UI Pickers over at https://material-ui-pickers.dev/

Since I am new to React/Formik/Material-UI, I have the following questions:

1. Is it possible to use Material-UI Pickers together with Formik as I need to maintain state of all dates/time provided by user?

2. When it comes to the user input for both dates and times, I have a case when the user needs to enter both a date as well as time but in 24 hours format and also need to include seconds, i.e.

the format that I am after is: DD/MM/YYYY HH24:MI:SS

Is this possible with Material-UI Pickers as from what I could see in there demo, I didn't see the capability to add seconds?

1. I also have another scenario where the user input will just be a time component alone, again with seconds, just like in my previous question, i.e.:

HH24:MI:SS

I guess my main concern is, how do I allow a user to also provide the seconds SS as this is required?

I'm new to front-end development and nodejs / react so please bear with me if this is a silly question.

I was trying to learn by using this open project: https://github.com/ilhammeidi/boss-lite

In the readme, it states pretty clearly on how to deploy this react project:

• Clone this project
• Install module dependencies by run this script in terminal npm install
• After finish downloading, then run the app. npm run dev
• Navigate to http://localhost:8080

However I cannot get even the first npm install step right on my Ubuntu 18.04:

i have created a website with Material UI in which all buttons are of the variant "outlined". Except in the Calendar of the KeyboardDatePicker. In this Dialog the "ok" and the "cancel" Button are in the standard look.

I didn't find any prop in the api (https://material-ui-pickers.dev/api/KeyboardDatePicker) to change the variant of the button.

Is there any other way to do this?

How can I use “enter time” instead of “select time” using default mui time picker or this one https://material-ui-pickers.dev/demo/timepicker ?

mui pickers with variants

So I have this KeyboardDatePicker and I want to gray out past days and some feature days that. those grayed should not be clickable.

here how my looks now