Atlaskit starter highlights about innerProps

#1

Hi guys, i’m new to atlassian dev community.

I’m planning to use atlaskit for my react project cause . the documentation is kinda awesome!

Actually i cannot understand what exactly is the field innerProps and what should i pass to it in calendar component.

Could someone give me a hand?

#2

Hi! Thanks for raising the question :grinning:.

innerProps is used for passing extra props to the container component that wraps the Calender. Unfortunately it’s typed as an empty object atm ({}) so it’s not very helpful - we’ll get a fix for that up soon though!

You can see it being used here: https://bitbucket.org/atlassian/atlaskit-mk-2/src/67645b55f767ad0e27668df754d4314e00c35869/packages/core/calendar/src/components/Calendar.tsx#lines-453

I can imagine people using this for adding extra styles, e.g. this example here does just that! https://atlaskit.atlassian.com/examples/core/calendar/basic

<Calendar
  innerProps={{
    style: {
      border: '1px solid red',
      display: 'inline-block',
    },
  }}
/>

Let me know how you go.

Cheers,
Michael