Anyway to make MenuItem not look like a button?

_dinglar posted this in #support

_dinglarOP

2025-04-01T18:39:28.272Z

I want a DateTimePicker component inside a MenuItem, but it acts like a button, which is not necessary in my case. This is my code:

<Menu
                    placement="top"
                    offset={5}
                    trigger={({ ...triggerProps }) => {
                      return (
                        <Button {...triggerProps}>
                          <ButtonText>
                            {meetingDate.toLocaleString()}
                          </ButtonText>
                        </Button>
                      );
                    }}
                  >
                    <MenuItem key="datetime" textValue="datetime">
                      <DateTimePicker
                        mode="single"
                        date={meetingDate}
                        onChange={({ date }) => {
                          setMeetingDate(date as Date);
                        }}
                      />
                    </MenuItem>
                  </Menu>

Anyway to make MenuItem not look like a button?

1 Reply